htmlcss设置背景透明

发布网友发布时间：2022-04-26 20:43

共3个回答

懂视网时间：2022-05-13 12:44

div背景透明样式：

样式代码：

.alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */

opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index:99; text-align:center; padding:20px;}

使用方法：

背景透明

html代码：

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

equiv="Content-Type" content="text/html; charset=utf-8" />

www.100sucai.com

转载自：www.100sucai.com

热心网友时间：2022-05-13 09:52

使用属性opacity.。值在0－1之间。

热心网友时间：2022-05-13 11:10

你好，可以使用样式opacity来控制透明度，范围是[0,1]

样式

.wrap{

width: 200px;

height: 150px;

border: 1px solid transparent;

background-color: red;

border-radius: 2%;

box-shadow: 5px 5px 5px #888888;

}

.inner{

width: 50px;

height: 50px;

border: 1px solid transparent;

background-color: #000;

/*设置透明度，范围在[0,1]*/

opacity: 0.4;

margin: 0 auto;

}

html内容

</div>

代码截图

效果图

如果满意，望采纳，谢谢！