Question

我正在尝试设置（以及稍后使用javascript更改）不透明度。但我不能让它发挥作用。我的HTML是：

<div class="table" >
  <div class="row" >
    <span>col1 test</span><span>col2</span><span>col3</span>
  </div>
  <div class="row" >
    <span>col1</span><span>col2 test</span><span>col3</span>
  </div>
  <div class="row" >
    <span>col1</span><span>col2</span><span>col3 test</span>
  </div>
</div>

我的CSS：

.table {display:table;}
.row {display:table-row;

      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20);
        -moz-opacity:0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
}
.row span {display:table-cell;padding: 5px;}

OR jsfiddle和codepen（虽然它们似乎在IE8或IE7中崩溃）

在IE8和IE中进行测试IE7，我正在改变IE9开发者的浏览器模式。（如果您这样做，请确保浏览器模式和文档模式相同）。

是的，如果我在'单元'上应用不透明度它正在工作（但我需要它在行上）

有人有问题吗？

编辑：这是jsbin

任何解决方案？

IE中表行的不透明度<9？

0 个答案: