背景透明度
兼容IE7+ , ff,chrome等主流浏览器
.opacitybg{
background: #000;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: .6;
}
}
按钮透明
一个按钮,设置为透明的,很多时候是设置background,border的值为none,在chrome和ff浏览器上是没有问题的,但是在IE10 - 的浏览器上则会识别不到按钮。通过测试,background的值如果不是none 则可以识别到按钮,但是就达不到透明的效果啦。
最后还是回到了透明度的问题上啦
.opacityBtn{
width: 160px;
height: 58px;
background: #fff;
border: 0;
outline: none;
cursor: pointer;
text-indent: -9999px;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}