CSS块(div)背景图像和负边距

时间:2010-11-18 17:57:04

标签: html css

有没有人在Opera(和其他人)上获得了这个错误,但是当块(DIV)有背景图像(没有重复)时,如果块有负边距,那么IE6(这里一切正常)都会出现错误吗?像这样:

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

IE6,IE7 - 好的 IE8,Opera,Firefox,Chrome,Safari - 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;} 

如果我添加position:relative - 在Opera中工作但在IE6中不起作用 如果我改变到位置:固定 - 一切都很好,但我不确定这是解决问题的完美方法。 不要滚动这个卷轴。

1 个答案:

答案 0 :(得分:0)

看起来你只需要给它一个高度和宽度,否则它只会与div中的文字一样大:

这是一个小提琴: http://jsfiddle.net/VrEvA/

另一个有原始div的背景: http://jsfiddle.net/VrEvA/1/