3

複数の背景画像とそれぞれの位置を持つこのプロパティがあります。

#my_div {
    background-image:url("..."), url("..."), url("...");
    background-position:right bottom, right bottom, right 15px top 17px;
}

3 番目の画像の配置は、FF、IE10、Chrome では正常に機能しますが、残念ながら Safari Mobile では機能しません。右と上のものをレンダリングしますが、オフセットはレンダリングしません (右の場合は 15px、上の場合は 17px)。これに関する参照が見つかりませんでした。これにどのように対処しますか？オフセットを作成するために透明な境界線を手動で追加して画像を変更する必要はありません。

4

2 に答える 2

0

css calc 関数を使用することもできます: http://briantree.se/quick-tip-02-use-css-calc-properly-position-background-images/

疑似要素を使用するよりも簡単/きれいかもしれません。

于 2014-02-14T04:19:02.370 に答える