样式兼容

背景透明度 兼容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; }

    推荐阅读