CSS-100％不透明表格单元格超过95％不透明度背景图片

到目前为止，我已经尝试opacity: 1;在table，tr和td元素上进行设置，并且还尝试设置一个新的background-image: url('white.png');期望值，以在单元格背景上平铺1px x 1px的白色图像，但是这些方法似乎都不起作用。

以前有人成功地做到了吗？

不要opacity 在div上使用，因为这会影响内部的所有内容，并且对于子元素而言是不可逆的...而是将rgba()值用于白色背景：

rgba（255，255，255，.3）

哪里.3是背景色的不透明度值。

html,
body {
  height: 100%;
}
body {
  background: url('http://lorempixel.com/500/500/sports');
}
div {
  height:50%;
  width:70%;
  margin:auto;
  background:rgba(255,255,255,.5);
  padding:30px;
}
table {
  width:100%;
  background:white;
  line-height:90px;
}

  

    

      
Item
      
Item