DIV背景透明样式使用

悟静 2011-06-08

展开全文

本文向大家介绍一下DIV背景透明样式的使用，首先我们来看一下它的概念，DIV 在编程中又叫做整除，即只得商的整数，DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。

DIV背景透明样式使用

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

使用方法：


    <divclassdivclass=”alert”> 
    
 
    
DIV背景透明  
    
 
    
</div>

html代码：


    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"  
    
"http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    
<htmlxmlnshtmlxmlns="http://www./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>