CSS IE中border none的陷阱

2022-01-30 05:17:38 字數 480 閱讀 7686

在習慣上不現實某個元素的邊框,只需要給元素設定border:none即可,當然設定border:0效果一樣,但實際上兩者是有效能差別的

border:none:邊框設定為為none,不做任何處理;

border:0:邊框寬度設定為0畫素,但是實際上border-color和border-style還是在渲染的。

然而在ie中,對於button和input元素確並不是這樣

在ie6,7中,雖然設定了border:none後,邊框看不見了,但是實際上你會發現邊框仍然存在,而只是border-style成為了none而已,也即:在ie6,7中border:none僅等價於border-style:none,而邊框所佔的空間還是在的,這就導致了我之前調整input的寬度的時候始終無法將其高度在各個瀏覽器中調整成一致的原因!

所以在ie中要不顯示border還是老老實實的寫全了吧:border:0 none;即可實現全相容。

建立IE各版本專屬CSS IE中的if語句

1.除ie外都可識別 2.3.4.5.6.7.8.9.10.11.ite less than or equal to意思是小於或等於ie6瀏覽器,用於ie瀏覽器的條件注釋,常用於csshack,針對ie的js等。在進行web標準網頁的學習和應用過程中,網頁對瀏覽器的相容性是經常接觸到的乙個問題。其中...

CSS IE低版本常見BUG

ie低版本bug 常見相容問題 1 透明度 opacity在ie8以下版本不識別 解決方法 opacity 0.5 filter alpha opacity 50 過濾器中的opacity的值是0 100 2 雙邊距 ie6 bug 出現狀況 左浮動,且有margin left,塊狀元素時ie6出現...

css IE8無效解決方法

1.ie8,ie7下 css相鄰選擇器無效,jquery多屬性選擇器無效 解決方法 css相鄰選擇器,替換方法為,使用jquery的next 方法和css 方法,jquery多屬性選擇器無效,替換方法為,使用jquery的單屬性方法和children 方法 1.1 替換前.content a td ...