您的位置:首页 > Web前端 > CSS

CSS实现圆角、透明在IE、火狐中的代码兼容解决办法

2014-04-22 16:34 1081 查看
用CSS实现圆角和div透明效果时会遇到一些浏览器兼容性问题,比如下面列举的这些代码,在IE和火狐中对应有不同的代码,对于一个优秀的前端设计师,考虑到兼容性这是必需的。

//CSS:透明
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF:opacity:0.6。

//CSS:圆角
IE:不支持圆角。
FF:-moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;。

//CSS:双线凹凸边框
IE:border:2px outset;。
FF:-moz- border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;
-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;。

以上仅供参考,在兼容性该页,CSs还有很多内容需要了解。今天先到这里。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: