CSS 經驗教訓 IE HACKs

2021-06-05 11:21:22 字數 1186 閱讀 3327

1、**在ie下最外層邊框無顏色。

table td, table th    

解決辦法:對table本身也要設定顏色

table, table td, table th  

2、字型顯示不正常。

**:h5   

在ie中對中文將使用arial(找不到,所以用宋體),其他瀏覽器中文使用「微軟雅黑」,英文使用arail

解決辦法:h5   

3、空單元格在ie中不顯示,也不佔寬度

解決辦法:在單元格中填入 

4、層疊順序不對

ie中 z-index在同級、或父級生效。如下:設定a2的z-index為100,a2仍然在b1下面。需要設定a1的z-index才可以。

(這個問題其實更複雜,

5、 **的寬度,因為ie盒模型計算方法不一致,有時需要設定兩個值。

6、用作分隔符的背景在<=ie7版本中會長出1px,未找到真正原因。

7、想對iframe設定為只有水平滾動軸,在firefox, chrom中可以生效,但ie中無效,還未找到辦法。

iframe.tb_data_scroll_x

8、空div在ie6、7下會有預設寬度。

網上有設定 font-size:0;  或者 overflow:hidden; 來解決的。

最好還是避免空div的出現。

9、inline-block在在ie6、ie7中無效

兩種解決方案:

a) 先使用display:inline-block屬性觸發layout發生,然後再定義display:inline讓塊元素呈現內聯物件

(注意:兩個display要先後放在兩個css宣告中才有效果,這是ie的乙個經典bug)。

b) 直接將塊元素設定為display:inline呈現為內聯物件,然後觸發layout(如zoom:1)。

10、ie下多張垂直排列時有空隙的bug

可心通過設定 img 的 vertical-align: bottom;來規避。

還有有多種解決方案:請見

11、浮出層部分會遮住

原因:對divb設定了 position:relative,,其父元素設定了position: relative,以便相對于父元素偏移一點。結果使div b也與父元素在同乙個z-index

去掉父元素的position: relative,則div相對於body定位。這樣才能顯示到最上層

MySQL經驗教訓

mysql語句如下 select buyer id from baoxian.bc insurance order where id in 100000422,100000418,100000417,100000416,100000415,100000413,100000411,100000410,...

程式設計經驗教訓總結

1 新建的專案工程,其路徑最好不要有中文,避免編譯出錯 2 對於有多個標頭檔案的專案,每個標頭檔案最好使用 ifndef define.endif 以避免重複定義出錯 3 新建結構體 類時一定要記得在結尾處加上封號,不然會報錯 4 對於乙個能正常執行的專案,如果要對其加以修改,最好在動工之前拷貝乙份...

結對程式設計經驗,教訓

結對程式設計經驗教訓 本次結對程式設計的目標是在個人專案的基礎上加上ui與前端的使用者互動介面 因為出於好奇的原因 我們的前端採用的是 html,jsp網頁,最初討論分工時 採用的是前端和後端分離的方法 因為這裡面涉及到 html,jsp 與後端互動的問題 因此我們覺得讓前端兼做前端加上前端與後端的...