实现背景透明兼容各浏览器解决方法

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>opacitytitle>
<style>
*{
    padding: 0;
    margin: 0;
}
body{
    padding: 50px;
    background: url(img/bg.png) 0 0 repeat;
}
.demo{
  padding: 25px;
  background:#000000;
  opacity: 0.2;
}
.demo p{
    color: #FFFFFF;
}
 
  
.demo{
  padding: 25px;
  background:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
  background:rgba(0,0,0,0.2); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂,但解析为透明 */
}
.demo{
  padding: 25px;
  background: #000000;
  filter:Alpha(opacity=50);/* 只支持IE6、7、8、9 */
  position:static; /* IE6、7、8只能设置position:static(默认属性) ,否则会导致子元素继承Alpha值 */
  *zoom:1; /* 激活IE6、7的haslayout属性,让它读懂Alpha */
}

style > head >

<div class="demo">
    <p>电动车p>
div>

<body>   
html>

IE专属滤镜 filter:Alpha(opacity=x)

你可能感兴趣的:(实现背景透明兼容各浏览器解决方法)