IE8背景background: url不显示图片?

在IE8下,background: url设置背景图片不显示,代码:

<style>
            .up{
                background: url("/static/images/sprite-3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 11px;
    margin: 0px 5px 0 2px;
    width: 9px;
     background-position: 0 -16px;
     z-index:10000;
            }

            .down{
                background: url("/static/images/sprite-3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 11px;
    margin: 0px 5px 0 2px;
    width: 9px;
     background-position:-14px;
     z-index:10000;
            }
        </style>

图片的路径确定是没有问题的,在IE8调试下,“background: url("/static/images/sprite-3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);” 这段莫名的消失了,在火狐和google浏览器下都ok。

阅读 12.2k
3 个回答

rgba 是 CSS3 的东东,IE8 不支持。
试试把 rgba 去掉看看。

新手上路,请多包涵

我在原生的XP系统IE8下测试没问题
你调用一下开发人员工具查看是否被遮挡,路径是否有问题或者大小是否有问题
还有试试把url的双引号改成单引号,或者直接去掉
再或者把HTML首行改成
<!DOCTYPE HTML>
<html lang="zh-CN">
某些极端的情况下它们会影响渲染效果

我只能提供我所能想到的可能有问题的地方了

ie8 background: url 后边一般只接受两个参数

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题