CSS tr IE7 兼容性問題
.tr { display: table-row }
在網頁設計中,CSS(層疊樣式表)起到了非常重要的作用,其中,tr是table元素中的標簽之一,用于表示表格的行。但是,在IE7中,使用CSS的tr樣式時會出現兼容性問題。
在IE7中,如果使用類似于以下代碼的CSS樣式:
.tr { display: table-row }
那么會發現在IE7中并沒有將表格的行以表格的形式呈現出來,而只是以一般塊元素的形式呈現。并且,如果再使用其他的表格元素進行搭配,比如td等元素,則會出現相應的樣式上的問題。
這個問題的解決方法就是使用IE7專屬的Hack策略,將對應的CSS樣式進行修改。下面的代碼可以實現在IE7中正確地顯示表格行的元素:
.tr { display: table-row; *display: block; }
這里使用了*display屬性,表示只在IE7下生效,block則表示元素以一般塊元素的方式進行呈現,即表格的行元素可以正確顯示。這個Hack策略被廣泛使用,適用于其他的CSS樣式的Hack修改。