2010-11-18 7 views
0

ブロック(DIV)に背景画像(no-repeat)がある場合、誰でもOpera6ブロックに負のマージンがある場合は表示されませんか?このような何か: - OK IE8、オペラ、Firefoxの、クロム、サファリ -CSSブロック(div)背景画像と負のマージン

#slide_desc {height: 60px;margin-top: -84px;background: url('back/slide_desc.png') no-repeat;} 

IE6、IE7 BUG ない背景画像なしPNGハック ちょうどこのHTML:

<div id="slider"> <img src="img/slide.jpg" height="300" width="730" border="0" /> <div id="slide_desc"> Lorem ipsum </div> </div> 

と、このCSS

#slide_desc {margin-top: -84px;background: url('slide_desc.png') no-repeat;} 

私が追加した場合の位置:相対 - Operaで動作しますが、私は変更する場合はIE6 では動作しません。ポジション:固定 - すべてが素晴らしいですが、問題を解決するには完全な方法であるかどうかはわかりません。 このスクロールもスクロールします。

+0

私はIE6はオペラと他の人がそうでないとは思わない - あなたのコードに問題があると確信していますあなたが望むことをするためのIEのバグ。 – oezi

+0

あなたの質問を編集して情報を追加してください。これをコメントに書くのは非常に混乱します。誰もがそれまでに答えていなければ、私は家にいるときにこれを解決しようとします。 – oezi

答えて

0

あなたはそれに高さと幅を与えることを必要とするか、またはそうでなければ、そのdiv要素内のテキストのみと同じ大きさのようになります。ここでは

はフィドルです: http://jsfiddle.net/VrEvA/

と背景を持つ別元のdiv: http://jsfiddle.net/VrEvA/1/

+0

スライダーイメージをバックグラウンドに置くことはお勧めしませんか? – powermic

+0

私はそれが何を意味するのか分かりません –