样式兼容

背景透明度

兼容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;
}