Question

填充，边距等都可以工作，但图像不会显示在IE 8中，任何想法为什么？

CSS

.arrow {
background:url(images/arrow.png) center left no-repeat;
padding-left:23px;
padding-right:10px;
border-right:0px solid #e6e6e6;
margin-right:10px;
}

HTML

<div class="arrow">
<h3><b>Headline</b></h3>
</div>

h3 CSS

h3{
font-size:14px;
text-transform:uppercase;
}

Answer 1

根据this link（法语），请在url之前尝试使用空格

background: url(images/arrow.png) center left no-repeat;

我没有亲自测试，但它适用于此用户

Answer 2

尝试使用单引号（或其他任何名称）围绕网址。

background:url('images/arrow.png') center left no-repeat;

Answer 3

如果我的手机正确显示，将背景速记放在一行，换行符混淆即。

为什么这个CSS不能在IE 8中运行？

3 个答案: