我一直在使用条件注释作为确保在Internet Explorer 8中正确显示背景图像的方法。但是,当我这样做时,某些内容(某些文本和图像)会消失。此外,我想在IE8中删除的图像仍会显示。
编辑:这是网址:http://rbk.tushausweb.com/claria/development(我的问题出在第二页,所以只需点击右侧的导航按钮。)
这是我到目前为止的链接:http://pastebin.com/agHxJxb0
<div id="introduction2" class="contentContainer" data-role="page" data-prev="index" data-next="introduction3" data-title="Introduction" data-url="introduction2">
<div role="main" class="ui-content">
<!--[if IE 8]>
<link href="css/clariaIE8.css" rel="stylesheet">
<div id="bg">
<img alt="" src="image/bubble.png" />
</div>
<![endif]-->
<div class="background">
<div class="container banner">
<div class="widthContainer">
<div id="banner" class="info-banner">
<p id="smBannerTitle" class="info"></p>
<h1 id="lgBannerTitle"></h1>
</div>
</div>
</div><!-- /.container -->
</div>
<div class="widthContainer">
<div class="contentBody contentBodyWithBanner">
<div class="container media">
<div id="imgIntro2">
<img src="image/Homechoice-Claria-Unit-250-million-exchanges-and-counting-427x188.png" class="img-responsive"/>
</div>
</div>
<div id="pageContent1" class="container"></div>
</div>
</div>
</div>
</div>
截图:
应该是什么样的:
有没有办法确保使用条件评论不会删除内容?
答案 0 :(得分:1)
没有演示很难说,但看起来你的IE解决方法是使用<img>
标签来显示背景。如果是这种情况,您可能在z-indices中存在冲突,内容可能在页面上,但在后面。尝试将z-index: -1
设置为假背景图像作为调试的第一步。