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