Question

我知道已经有一千个关于IE背景图片错误的问题，但我已经遵循了所有的建议，但仍然无法找到解决方案。

此样式不会在IE 7和8上呈现任何背景图像：

div#mainComponent {
background-image:url('../images/bg.png');
background-repeat:repeat;
z-index: 100001;
position: absolute;
bottom: 0px;
left: 10%;
color: @blue;
padding: 20px;
height: 424px;
overflow: auto;
width: 780px;
height: 320px;
margin: auto;
}

由于我的目的是拥有0.8不透明背景，我已经尝试过使用rgba，但没有任何反应，现在我有了这个简单的解决方案，但我仍然无法做到正确。我已经删除了所有其他属性，看它是否存在任何兼容性问题，但仍然无效。

你能帮帮我吗？谢谢

Answer 1

尝试将图片本身拖入浏览器。图像本身可能有问题。

这是一个显示如何进行rgba的页面，包括IE的后备：http://css-tricks.com/rgba-browser-support/

以下是IE的后备：

<!--[if IE]>

   <style type="text/css">

   .color-block { 
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
       zoom: 1;
    } 

  </style>

<![endif]-->

Div背景图像不适用于ie

1 个答案: