用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還有很多內容需要了解。今天先到這裡。