DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS實現圓角、透明在IE、火狐中的代碼兼容解決辦法
CSS實現圓角、透明在IE、火狐中的代碼兼容解決辦法
編輯:CSS詳解     
  • 用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還有很多內容需要了解。今天先到這裡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved