View Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> /*这里设置了两块透明div,并重叠看效果,iepngfix.htc文件是兼容ie6*/ .opacity{background:red;width:200px; height:200px;filter: alpha(opacity=30); opacity:0.3;behavior: url("iepngfix.htc")} .opacity_1{background:yellow;width:200px; height:200px;filter: alpha(opacity=30); opacity:0.3;behavior: url("iepngfix.htc"); position:absolute;top:100px;} </style> </head> <body> <div class="opacity"></div> <div class="opacity_1"></div> </body> </html>
效果图：