0

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

我目前正在为 IE8 和 IE7 制作 CSS hack。

问题是，在 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 中，leftbanner 丢失了，而 rightbanner 在页面底部，正好在页脚 div 之后，而在 IE7 中，两个图像都丢失了。:(

我尝试从 position:relative; to position:absolute; ，仍然没有运气。:(

4

0 回答 0