DIV背景透明样式设置-优快云博客

本文链接：https://blog.youkuaiyun.com/u010947927/article/details/84738990

[size=x-large][b]DIV背景透明样式使用[/b][/size]

[size=large][b]DIV背景透明样式代码：[/b][/size]

.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;}

[b]使用方法：[/b]

<divclassdivclass=”alert”> 

DIV背景透明  

</div>

[b]html代码：[/b]

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<metahttp- 

equiv="Content-Type"content="text/html;charset=utf-8"/> 
<title>jqueryajax.com--jquery学习资料</title> 
<styletypestyletype="text/css"> 
.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}  
</style> 
</head> 
<body> 
<divclassdivclass="alert">DIV背景透明  

</div> 
</body> 
</html>