首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

IE8 不支持 CSS border-radius 的解決方案

     編輯:程式設計綜合問答

問題現象

VS2010 本地預覽正常,發布到 IIS 6 (Windows Server 2003) 後 border-radius: 5px 失效,調整安全級別無效。

根本原因

IE8 及以下版本不支持 CSS3 border-radius,與 IIS 安全設置無關。本地可能用 IE9+ 或兼容模式不同導致表現差異。

兼容性寫法

.radius {
    -moz-border-radius: 6px;    /* Firefox */
    -webkit-border-radius: 6px; /* Chrome, Safari */
    -khtml-border-radius: 6px;  /* 舊版 Konqueror */
    border-radius: 6px;         /* 標準語法 */
    /* IE8 降級方案:使用 PIE.htc 或背景圖片圓角 */
}

建議

  • 現代項目放棄 IE8 支持,或引入 CSS3 PIE 實現漸進增強。
  • 使用 Chrome/Firefox 驗證樣式,勿依賴 IE 測試。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved