0

我正在尝试设置（然后用 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;}

或jsfiddle和codepen（尽管它们似乎在 IE8 或 IE7 中崩溃）

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

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

有人有问题吗？

编辑：这是jsbin

有什么解决办法吗？

4

0 回答 0