Question

我真的需要一些帮助，关于我目前正在制作的网站的两个横幅。

我正在为IE8和IE7制作一个CSS黑客。

问题是，在IE7和8中，图像横幅不合适，但适用于所有其他浏览器和IE9 - 10.

横幅的CSS代码：

#leftBanner {
background:url('../../images/Index/BGleftside.jpg') no-repeat;
width: 183px;
height: 1100px;
float: left;

}

#bodyWrapper {
width:980px;
float: left;

}

#rightBanner {
background:url('../images/Index/BGrightside.jpg') no-repeat;
width: 183px;
height: 1100px;
float: right;

}

和HTML代码:(我删除了js脚本以便它更短）

<div id="wrapper">
    <div id="mainHeader"> // mainHeader content </div>
    <div class="mainNavBar"> // mainNavBar content </div>
    <div id="leftBanner"> just an empty DIV, contains the image only </div>
    <div id="bodyWrapper"> // bodyWrapper content // </div>
    <div id="rightBanner"> just an empty DIV, contains the image only </div>
</div>

在IE8中，左边的框架丢失，右边框在页面的底部，正好在页脚div之后，在IE7中，两个图像都丢失了。：（

我试过 position:relative; 到 position:absolute; ，但仍然没有运气。：（

IE7和IE8中未显示左右横幅图像

0 个答案: