<!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;/* 设置子元素为相对定位,
ie浏览器透明背景设置
最新推荐文章于 2020-07-31 14:29:34 发布