css - Div 背景图像不适用于 ie

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]-->