html - CSS 不透明背景 IE6 - IE8

Question

我使用的是 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 中不显示。在所有其他浏览器中都可以正常工作。

Answer 1

半透明背景真的会决定布局的成败吗？

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

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

3. 其他一切都将支持您的 rgba() 背景语法。