![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<!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>
效果图: