样式兼容
背景透明度
兼容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;
}
推荐阅读
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- 事件解绑与解绑的兼容代码
- 霍夫变换与直线检测
- 不会PS没关系,用Word更换证件照背景色只要30秒!
- react-navigation|react-navigation 动态修改 tabBar 样式
- [JS]|[JS] generator版的阴阳谜题
- 2019腾讯笔试题
- JS下兼容性比较好的全屏方法
- SRS(简单实时视频服务)|SRS(简单实时视频服务) 笔记(1)- 体验
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等