gpt4 book ai didi

css - 相对定位的页脚 - IE 中的空白区域?

转载 作者:行者123 更新时间:2023-11-28 14:21:34 25 4
gpt4 key购买 nike

我有一个横跨页面宽度的页脚。在页脚中有一个本质上充当页脚背景图像的图像,它填充了页脚/页面的整个宽度。然而,在 IE 中,页脚下方有一些空白区域,当它应该与页面底部齐平时。在 Firefox、Safari 等中看起来不错。这就是我所拥有的,有什么可以尝试的建议吗?

<body>
<div id='container'>
<div id='content'></div
</div>

<div id='footer'></div>
</body>

CSS 是:

html {
font:62.5% 'Helvetica Neue';
color:#777676;
margin:0;
padding:0;
}

body {
font-size:1.8em; /* 18 px */
line-height:1.2em;
margin:0;
padding:0;
width:100%;
}

#container {
width:906px;
margin:0 auto;
height:100%;
position:relative;
z-index:10;
}

#content {
padding-top:20px;
}

div#footer {
position:relative;
bottom:0;
clear:both;
width:100%;
z-index:1;
}

div#footer img {
width:100%;
border:0 none;
}

最佳答案

添加display:block;在图像上,这应该可以修复它...

(如果您希望 <tags> 在您的文本中可见,请在您的问题中使用代码突出显示...)

关于css - 相对定位的页脚 - IE 中的空白区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8449507/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com