1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <style type="text/css"> 8 9 /* 10 css透明度 11 rgba(0,0,0,0.1) 四个参数，前三个表示颜色值，最后一个表示透明度 几乎所有的浏览器都支持rgba 除了ie 12 13 IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。 14 IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明。 15 */ 16 div{ 200px; height: 200px;margin-bottom: 30px;} 17 #div1{background:rgba(0,0,0,0.1);} 18 #div2{background:#000000;opacity: 0.1;filter: alpha(opacity=30)} /*ie滤镜*/ 19 </style> 20 <body> 21 22 23 <div id="div1"> 24 </div> 25 <div id="div2"> 26 </div> 27 <div id="div3"> 28 </div> 29 30 </body> 31 </html>