0

我知道已经有一千个关于 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，但什么也没发生，现在我有了这个简单的解决方案，但我仍然无法正确解决。我已经删除了所有其他属性，看看它是否可能是任何兼容性问题，但仍然没有任何效果。

你能帮我么？谢谢

4

1 回答 1

0

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

这是一个显示如何执行 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]-->
于 2012-10-24T03:13:59.637 回答