Question

IE8不会在div上显示背景图像。

我的HTML：

<section class="section-divider textdivider divider1">
            <div class="container">
                <h1>Info About The Foundation</h1>
                <hr>
                <p>Microfestival stable energy fields natural homebirth sarong watsu, aura discovering valuable truths. Nature equinox forest, feline acupuncture salvia. Didgeridoo prius what the planet really needs, divine feminine compostable toilet change agent closing circle feeling deep gratitude sustainable rain dance prayerformance. Beltane perineum cuddle party, bioneers radiant.</p>
                <a href="about.html" class="btn btn-success">More About The Foundation</a>
            </div>
</section>

我的CSS：

.divider1 {
    background-image: url('../images/bg/divider1.jpg')
}

在IE8中，图像甚至无法加载。它只显示没有任何样式的文本。是因为IE8无法读取div的图像吗？我环顾四周，没有看到任何迹象表明IE8无法做到这一点。

Answer 1

请记住，<section>是一个新的HTML5元素，这意味着IE8不会自动识别它。你有A）添加了一个html5shiv和B）在CSS中设置显示属性吗？

HTML5Shiv

<!--[if lt IE 9]>
<script>document.createElement("section");</script>
<![endif]-->

CSS

section { display:block; }

90％的时间，我的新项目在IE8上工作的原因是因为我忘了添加这两个项目。

IE8不会加载背景图像

1 个答案:

HTML5Shiv

CSS