可以通过设置background:rgba(0,0,255,0.5);实现背景透明,其中rgba中的第四个参数控制透明度,0为全透明,1为不透明,0-1之间的数值表示透明度。
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置背景的透明度</title>
</head>
<style>
body{
background:url(./img/5.jpg);
}
div{
width:200px;
height:200px;
background:rgba(0,0,255,0.5);/* 有兼容问题 */
}
</style>
<body>
<div class="box"></div>
</body>
</html>
显示结果如下:
|