CSS不透明背景IE6 - IE8

时间:2014-03-27 18:32:20

标签: html css internet-explorer-8 background internet-explorer-6

我使用的是RGBA背景,但它在IE6中无效。我找到了一种在线排序的方法。

table{
    width: 100%;
    border-radius: 20px;
    border: 2px solid black;
    padding: 10px;
    text-align: center;
    background: #87C4CF;
    background: rgba(135, 196, 207, 0.7);
    background:rgb(135,196,207);
    background: transparent\9;
    background:rgba(135,196,207,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b287C4CF,endColorstr=#b287C4CF);
    zoom: 1;
}
table:nth-child(n) {
    filter: none;
}

这适用于IE6,但现在该表不会在IE 8中显示。在其他所有浏览器中都可以正常工作。

2 个答案:

答案 0 :(得分:1)

半透明背景真的会影响您的布局吗?

  1. 对于IE8,在PhotoShop中制作半透明的10px x 10px PNG,并使用您想要的颜色和透明度并进行设置 作为背景图片,重复。

  2. 给IE6一个坚实的背景 颜色

  3. 其他所有内容都支持您的rgba()背景语法。

答案 1 :(得分:0)

您可以使用CSS3 PIE来改善您的生活,即