html/css如何让背景颜色半透明？html怎样把pre的背景改成透明？

html/css如何让背景颜色半透明？

你好，html中让某个标签背景颜色变为透明，一般有两种方法。

一种是在css样式中用opacity属性来控制div的透明，这种方法会让div中的所有内容都变为半透明的效果，如下所示的例子：

<html>

<head>

<style>

.aa{

width: 300px;

height: 300px;

background: red;

opacity: 0.5;

}

.bb{

width: 150px;

height: 150px;

margin:50px;

background: yellow;

}

</style>

</head>

<body>

<div >背景

</div>

</body>

</html>

运行效果如下图所示：

不管是文字还是背景都变成半透明的了。

第二种方法是，通过background-color或者background属性，将颜色值设置为带透明度的值：rgba(255,255,0,0.5)。最后一个值即为设置透明度。如下例子所示：

<html>

<head>

html怎样把pre的背景改成透明？

html-css 中让一个DIV的背景色是半透明的，但它的内容（文字图片之类的）不是透明的，这个的话，是可以通过设置2个div来实现的，第一个包裹着第二个div然后在设置相同的div宽高，在将第一个的opacity为0.6；代码如下： div{ widht:220px; height:300px; } #div1{ background:#fff; opacity:0.6; z-index:10; } #div2{ z-index:11; }

我是测试文字