IE相容CSS3圓角

2021-07-07 09:59:11 字數 640 閱讀 5524

ie相容css3圓角border-radius,box-shadow,text-shadow的方法

ie-css3.htc

2.css

box
3.問題:

一、只能同時4角圓角,不能單獨設定;

二、div上可以正常使用,測試text文字框,會出現異常;

三、css檔案要和頁面在同一目錄下,否則無效

四、當前元素一定要有定位屬性,像是position:relative或是position:absolute屬性。

五、z-index值一定要比周圍元素的要高,否則……只能說抱歉了~~

4.支援的樣式及狀態說明

參見下表:

樣式生效

無效border-radius

為元素四個角設定圓角屬性

元素邊框

只設定乙個角落的圓角屬性

box-shadow

模糊大小引數

偏移值不支援除了黑色(#000)以外的其他顏色

text-shadow

模糊大小引數

偏移值顏色值

ie下的表現與firefox/safari/chrome有一點點的差異,原因不詳

標籤: 

css3

CSS3圓角詳解

全屏閱讀 收藏 一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必再發出多餘的http請求,網頁的載入速度將變快。二 border radius屬性 css3圓角只需設定乙個屬性 border radius 含義是 邊框半徑 你為這個屬...

CSS3圓角詳解

css3圓角詳解 日期 2010年12月 9日 css3是樣式表 style sheet 語言的最新版本,它的一大優點就是支援圓角。css3圓角詳解 譯者 阮一峰 原文 發表日期 2010年12月8日 一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網...

關於CSS3圓角

一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必再發出多餘的http請求,網頁的載入速度將變快。二 border radius屬性 css3圓角只需設定乙個屬性 border radius 含義是 邊框半徑 你為這個屬性提供乙個值,就...