使用条件注释删除内容?

时间:2015-01-06 18:43:05

标签: css html5 internet-explorer internet-explorer-8 conditional-comments

我一直在使用条件注释作为确保在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>

截图:

enter image description here

应该是什么样的:

enter image description here

有没有办法确保使用条件评论不会删除内容?

1 个答案:

答案 0 :(得分:1)

没有演示很难说,但看起来你的IE解决方法是使用<img>标签来显示背景。如果是这种情况,您可能在z-indices中存在冲突,内容可能在页面上,但后面。尝试将z-index: -1设置为假背景图像作为调试的第一步。