Question

我希望屏幕透明并显示背后的屏幕

我的css：

.correct-answer {
  background-color: #98CB66;
  filter: alpha(opacity=60);
  z-index: 10;
  opacity: 0.7; 
  height: 100%;
  width: 100%;
}

我尝试在css中使用alpha过滤器，它不起作用

Answer 1

如果您只想将opacity应用于背景色，那么您可以将十六进制转换为rgb并将其与alpha一起使用

 background-color : rgba(152,203,102,0.6);

在另一种情况下，如果要对整个块应用不透明度，请使用CSS3 filter属性。

 -webkit-filter: opacity(60%); /* Safari 6.0 - 9.0 */
 filter : opacity(60%);

Answer 2

尝试下面的CSS Snipet：

.yourselector {
background:#000;
opacity: .75; /* standard: ff gt 1.5, opera, safari */
-ms-filter: “alpha(opacity=75)”; /* ie 8 */
filter: alpha(opacity=75); /* ie lt 7 */
-khtml-opacity: .75; /* safari 1.x */
-moz-opacity: .75; /* ff lt 1.5, netscape */
}

CSS：不能使用alpha过滤器

2 个答案: