IOSのページ境界線が表示できない場合はどうすればよいですか?境界線画像のサンプルチュートリアル

先週の金曜日、突然現場からモバイルモデルワーカー表示ページの作成依頼を受けました。現場のアーティストがプロトタイプの図面を送ってくれました。次のようになります:

正直に言うと、私たちのアーティストの美学について本当に文句を言いたいのですが、それが問題ではありません。

ボーダーは特殊なパターンが必要なのでborder-imageを使って実装する予定です。

  .example{
    ……

    border:6px solid transparent;
    -webkit-border-image:url(../img/border_img.jpg) 6 6 round;
    border-image:url(../img/border_img.jpg) 6 6 round;
    ……
  }

ようやくAndroidの表示が正常であることがわかりました。 IOSの枠線は表示されません。

解決策は次のとおりです:
border:6px のソリッド透明を別のプロパティ、つまり border-style と border-width に置き換えます。

rreee

皆さんのお役に立てば幸いです。

【関連おすすめ】

1. 無料のh5オンラインビデオチュートリアル

2. php.cnオリジナルのhtml5ビデオチュートリアル

以上がIOSのページ境界線が表示できない場合はどうすればよいですか?境界線画像のサンプルチュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。