UC知道css的代码，火狐下显示正常，IE下图片自动复制了
来源：百度知道 编辑：UC知道 时间：2024/05/26 05:20:33
在放logo的地方设置了有背景图的层，logo是用的float左浮动，在火狐浏览器中显示正常，但是在IE中，logo向右偏移了很多，和logo一个层的列表图片（右浮动）自动转到下一行，而且层的背景图也自动复制了。。。请问这是怎么回事呢?代码如下：
<div id="head">
<div id="headlogo"><a><img src="img/logo.jpg" border="0" alt="logo" title="logo" /></a></div>
<div id="button">
<ul>
<li><a><img src="img/00.jpg" border="0" alt="00" title="00" /></a></li>
<li><a><img src="img/11.jpg" border="0" alt="11" title="11" /></a></li>
</ul>
</div>
</div>
----------------------------
#head {
width: 810px;
height: 102px;
margin: 20px auto 0;
background-image:url(../img/bg.jpg);
}
#headlogo {
float: left;
width: 510px;
heigh
<div id="head">
<div id="headlogo"><a><img src="img/logo.jpg" border="0" alt="logo" title="logo" /></a></div>
<div id="button">
<ul>
<li><a><img src="img/00.jpg" border="0" alt="00" title="00" /></a></li>
<li><a><img src="img/11.jpg" border="0" alt="11" title="11" /></a></li>
</ul>
</div>
</div>
----------------------------
#head {
width: 810px;
height: 102px;
margin: 20px auto 0;
background-image:url(../img/bg.jpg);
}
#headlogo {
float: left;
width: 510px;
heigh
在下面加一句L:
* html #headlogo {
float: left;
width: 510px;
height: 60px;
margin-top: 15px;
margin-left: 145px;
display:inline;
}
用到的是IE6吧！
都是这样的div #headlogo
的左边距在IE6中会产生两倍左边距的间距。将它转化为行内元素就行了。
就是在#headlogo后多加一个
#headlogo{
display:inline;
}
算是IE6的BUG.
回答同上,IE6的margin值是双倍的,所以加上display:inline/