パソコンQ&A

Safariでbackground-repeatの指定が効かないときがある

Macintosh版Safariでbackground-repeatの指定が効かないときがある。
backgroundの繰り返し指定も効きません。

次のような指定をした場合、positionの指定も効かなくなるようです。

background: transparent url(../img/test.gif) 0 5px no-repeat;


背景配置領域より画像が大きいか同じ場合に起こります。
[参考記事] Safariでborderがあると背景画像がはみ出る

対象ブラウザ

Mac
Safari1
Safari2

回避方法

(1)
背景配置領域より画像を小さくする。

(2)
繰り返されてもいいような画像にする。

関連プロパティ

background背景に関する指定をまとめて行う
background-repeat背景画像のリピートの仕方を指定する


主要ブラウザに非対応

このページはリンクフリーです。設定などは自己責任で…
Copy Right kikky

kikky.net