使用条件注释删除内容?
Using conditional comments removes content?
我一直在使用条件注释来确保背景图像在 Internet Explorer 8 中正确显示。但是,当我这样做时,某些内容(一些文本和图像)会消失。此外,我想在 IE8 中删除的图像仍然显示。
编辑:这是 URL:http://rbk.tushausweb.com/claria/development(我的问题在第二页,所以只需单击右侧的导航按钮即可。)
这是我目前所拥有的link: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>
一张截图:
它应该是什么样子:
有没有办法确保使用条件注释不会删除内容?
没有演示很难判断,但看起来您的 IE 解决方法是使用 <img>
标记来显示背景。如果是这种情况,您的 z 索引可能会发生冲突,并且内容可能在页面上,但 位于 背景之后。尝试将 z-index: -1
设置为假背景图像作为调试的第一步。
我一直在使用条件注释来确保背景图像在 Internet Explorer 8 中正确显示。但是,当我这样做时,某些内容(一些文本和图像)会消失。此外,我想在 IE8 中删除的图像仍然显示。
编辑:这是 URL:http://rbk.tushausweb.com/claria/development(我的问题在第二页,所以只需单击右侧的导航按钮即可。)
这是我目前所拥有的link: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>
一张截图:
它应该是什么样子:
有没有办法确保使用条件注释不会删除内容?
没有演示很难判断,但看起来您的 IE 解决方法是使用 <img>
标记来显示背景。如果是这种情况,您的 z 索引可能会发生冲突,并且内容可能在页面上,但 位于 背景之后。尝试将 z-index: -1
设置为假背景图像作为调试的第一步。