css設定背景透明度
阿新 • • 發佈：2018-12-21
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>背景透明度</title> <style> .demo{ padding: 25px; background-color:#000000; /*filter:alpha(opacity)方法支援ie8及以上,加上zoom:1也可支援ie8及以下*/ filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5; /*解決ie8及以下透明問題，ie6、ie7下必須寫上zoom:1*/ /*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#80000000,endColorStr=#80000000);*/ /*background-color不支援ie8及以下，若要相容ie8以下，必須加上上面一句*/ /*background-color:rgba(0,0,0,0.5);*/ /*zoom:1 ie8以下有些樣式不能顯示，啟動後可以顯示*/ zoom: 1; } :root.deno { filter: none; /* IE9下需要關閉濾鏡，否則會與背景色同時生效 */ } .demo p{ color: red; } </style> </head> <body> <div class="demo"> <p>背景透明，文字也透明</p> </div> </body> </html>