html - 重写主要 CSS

Question

我正在尝试让“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;
  }

Answer 1

当父元素具有调整后的 opacity 时，您不能使子元素“更加可见” .

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

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