background-repeat:no-repeatの謎
あるブロック要素に(pとかに)background-imageをつけるときにこういうコーディングをしました。
p.hoge { background-image: url("../images/foo.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-color: transparent; }
要は、文頭に画像を出したかったのです。で、これだとIEでは表示されてFirefox/Operaでは表示されない。background-repeatを外せば表示されるけど、1個しかだしたくない。
これなら上手くいく。
p.hoge { background: transparent url("../images/foo.jpg") no-repeat; }
なぜ?