Question

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

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

你可以尝试删除顶部吗？

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

Answer 2

在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 3

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

使用相对网址替换2个标记：

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

Answer 4

尝试编辑这行代码

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

到

background:  url('../banner/Chat-Banner.png') center top no-repeat #fff ;

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

4 个答案: