背景在Internet Explorer中不显示。

Question

我正在尝试创建一个带有标志和导航的标题。标志是背景。它在除了Internet Explorer之外的所有浏览器中都显示正确。以下是头部的HTML：

    <div id="header"><div id="navigation"><ul>
<li>
<a href="#" >Home</a>
</li><li>
<a href="#">Profile</a>
</li><li>
<a href="#">Topics</a>
</li><li>
<a href="#">Chat</a>
</li>
</ul>
</div>
</div>

这是css代码：

    #header{
position:fixed;
left:0;
right:0;
top:0;
z-index:1000;
width:100%;
height:48px;
}

/* Navigation */
#navigation{
    padding-left:50px;
background:url("http://localhost/img/logo/purple.png")no-repeat;
    position:absolute;
    left:0;
    top:0;
    min-height:48px;
     z-index:1010;
     display:inline-block;
}

有人能告诉我为什么在IE浏览器中背景图片无法显示吗？而在其他浏览器中都可以显示！

- Othuna

---

你在哪个版本的IE中尝试了你的代码？ - Tamara

在这里有效（IE11）http://jsfiddle.net/kLk4A/ - Yuriy Galanter

@Tamara 我正在使用IE 8。 - Othuna

也许你需要在 url("") 和 no-repeat 之间加上一个空格。 - enapupe

哦，另外，min-height可能是问题所在...我不确定IE8是否喜欢它。 - enapupe

Answer 1

尝试使用

标签

background-image:url('http://localhost/img/logo/purple.png');

- nicael

---

不需要，background:同样有效。 - Yuriy Galanter

Answer 2

在background:url("http://localhost/img/logo/purple.png")和no-repeat;之间需要添加空格：

background:url("http://localhost/img/logo/purple.png") no-repeat;

此外，不要使用该图片的URL - 只有在从您自己的计算机浏览页面时才能正常工作。请改用相对路径/img/logo/purple.png的URL。

- Yuriy Galanter