Question

在div里加背景图片，出现的兼容问题

html代码：div id="bg"></div>css代码：#bg{width:231px; height:10px;background-image:url(../images/tab_bg.gif); background-repeat:no-repeat;} 在FF里能正常显示，在IE里虽然能显示图片，但是却撑开了空白，能透过空白看到容器的背景。 如果换成以下代码：html代码：div id="bg"><img src="../Public/images/left_top.gif"/></div>CSS代码：#gb{width:231px; height:10px;}IE6和FF都能正常显示。 如果用第一种方法，应该怎样做才能在IE6和FF都能正常显示？

Answer 1

你背景图片的高度是多少？因为看到你用background-repeat:no-repeat;，如果背景图小于10，有会出现你说的那种问题的。不如换成background-repeat:repeat-y;试一下！

Answer 2

当高度比较小的时候 你要加overflow:hidden</SPAN>

Answer 3

最好发截图上来，用第一种方法应该是没问题的。还有却撑开了空白是什么意思？你想实现什么效果？