2010-11-18 72 views
0

当块(DIV)具有背景图像(无重复)时,有人在Opera(和其他人)上获得了错误,但没有IE6(这里一切正常)如果块有负边界不会出现?事情是这样的:CSS块(div)背景图片和负边距

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

IE6,IE7 - OK IE8,歌剧,火狐,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;} 

如果我添加位置:相对的 - 工作在Opera,但在IE6 如果我改变不起作用定位:固定 - 一切都很好,但我不确定这是解决问题的最佳方式。 也是滚动这个滚动条。

+0

请显示您的整个CSS和HTML的 - 我不认为IE6做任何权利,歌剧和其他人不 - 我敢肯定这是你的代码的问题,它是一个IE漏洞去做你想做的事情。 – oezi 2010-11-18 18:03:23

+0

请编辑您的问题以添加信息,在评论中撰写此内容非常混乱。如果在家之前没有人回答,我会尽力解决这个问题。 – oezi 2010-11-18 18:32:07

回答

0

看起来你只是需要给它的高度和宽度,否则它只是大作为该div的文字:

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

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

+0

但如果不建议将滑块图像放在背景中? – powermic 2010-11-18 19:12:17

+0

我不明白这是什么意思 – 2010-11-18 19:15:10