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

来源：互联网发布：大学生网络党校刷课编辑：程序博客网时间：2024/06/03 19:31

用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还有很多内容需要了解。今天先到这里。

0 0