CSS实现背景透明,文字不透明(兼容各浏览器)
IE:外层filter,内层position:relative或absolute。FF:外层不使用opacity,而用background:rgba()。-------------------------------- #wrapper{background: #369;width:300px;height:150px;} #div1{ -moz-opacity: 0.3; /* FF 3.5以下 */ opacity: 0.3; /* FF 3.5及以上 */ filter: alpha(opacity=30); /* IE6及以上 */ background: #fff; width: 200px; height: 50px;} #div2{ background: rgba(255, 255, 255, 0.3) !important; /* IE无效,FF有效 */ background: #fff; filter: alpha(opacity=30); width: 200px; height: 50px;} #div2 span{ position: relative;} 图层背景半透明,字体颜色也半透明 图层背景半透明,字体颜色不半透明 转载:http://jooner.lofter.com/post/eceee_47054f
发布时间:2017/08/17