ie瀏覽器透明背景設定
阿新 • • 發佈：2019-01-26
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ie瀏覽器透明度設定</title> <style> body { background: #ddd; color: #fff; margin: 0 auto; } /*ie9以及 以上*/ .pages{ background: rgba(0,0,0,.5); height: 100px; text-align: center; margin:0 auto; line-height: 100px; } @media \0screen\,screen\9 {/* 只支援IE6、7、8 */ .pages{ background-color:#666; filter:Alpha(opacity=50); position:static; /* IE6、7、8只能設定position:static(預設屬性) ，否則會導致子元素繼承Alpha值 */ *zoom:1; /* 啟用IE6、7的haslayout屬性，讓它讀懂Alpha */ text-align: center; } .pages div{ position: relative;/* 設定子元素為相對定位，可讓子元素不繼承Alpha值 */ } } </style> </head> <body> <div class="pages"> <div> 精誠所至，金石為開 </div> </div> </body> </html>
效果截圖 ie8
效果截圖 chrome
