CSS 半透明框

Question

我想要一个半透明的 div，以便在我的背景图片上更好地阅读网站内容。 div 有圆角，我无法将其与透明度结合起来

我怎样才能用 CSS 做到这一点？

原文由 Rumanoid 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以只更新你的 css 并修复你的错误：

 .TextBOx{
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
  border: #solid 10px #000;
  background-color: rgba(105,100,100,0.8);
  width:80%;
  margin-left: auto ;
  margin-right: auto ;
}

就这样去了？

原文由 G-Cyrillus 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

跨浏览器不透明度：

 -ms-filter: "alpha(opacity=75)"; /* IE8 */
filter: alpha(opacity=75); /* Old IE */
-khtml-opacity: 0.75; /* Old Safari */
-moz-opacity: 0.75; /* Old Firefox, Netscape */
opacity: 0.75; /* Standard */

为您构建它的工具： https ://www.alphachannelgroup.com/resources/tools/css-cross-browser-opacity-tool/

原文由 random_user_name 发布，翻译遵循 CC BY-SA 3.0 许可协议