html - 覆盖主要CSS

我正在尝试使“ div.transbox表”不具有来自“ div.transbox”的不透明度。

如果我尝试从主Transbox CSS中删除表格，则无法将表格放在“ div.transbox”的顶部。

任何帮助表示赞赏

div.transbox
  {
  width:1000px;
  height:1500px;
  margin-left: auto;
  margin-right: auto;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.8;
  z-index:-1;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  }

div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  z-index:-1;
  }

div.transbox table
  {
  margin:30px 40px;
  font-weight:bold;
  color:black;
  background-color:#cccccc;
  z-index:99;
  }

最佳答案

当父元素的调整后的opacity不能使子元素“更可见”。

opacity的值范围从0到1，并且属性堆栈。在下面的示例中，<p>元素的“真实”不透明度不是0.5，而是0.8 * 0.5 = 0.4：

.transbox   { opacity: 0.8; }
.transbox p { opacity: 0.5; }