背景图像在IE 8中不起作用

Question

我正在尝试为添加背景图像。但是它不能正常工作。在Firefox和Chrome中，图像出现了，但在Internet Explorer图像中没有显示。我已经附上了我的网站链接和下面的相关css代码，可以任何一个pl帮助解决这个问题。在主页的实时聊天部分。

https://www.autobase.lk/

#slideshow_ad{
    width:230px;
    height:240px;
    border:thin solid;
    border-color:#e1e1e1;
    background: white url('../banner/Chat-Banner.png') no-repeat top;
    float:right;
    margin:3px;
}

Answer 1

在你的条件上有一个白色的背景IE8的css

<!--[if IE 8]>
    <link href='http://www.autobase.lk/css/ie8.css' rel='stylesheet' type='text/css' />
    <link href='http://www.autobase.lk/css/directory_ie.css' rel='stylesheet' type='text/css' />
<![endif]-->

你的代码

#slideshow_ad{
    width:230px;
    height:240px;
    border:thin solid;
    border-color:#e1e1e1;
    background: #fff;
    float:right;
    margin:3px;
}

删除背景#fff

Answer 2

你能试着把顶盖去掉吗？

 background: white url('../banner/Chat-Banner.png') no-repeat;

Answer 3

您的样式表似乎没有加载。

将这两个标记替换为以下相对urls：

<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/directory.css" rel="stylesheet" type="text/css">