隨著IE7逐漸被淘汰,因其存在的CSS兼容性問題,對于前端開發者來說,IE7的Hack技巧仍然不容忽視。下面將介紹幾種常用的IE7 CSS Hack技巧:
/* IE7下唯一的選擇器 */ *:first-child+html .selector{ /* IE7獨有樣式 */ } /* IE7和IE8共有 */ @media \0screen { .selector{ /* IE7/IE8獨有樣式 */ } } /* IE7下最常見的 */ .selector{ /* IE7及以下獨有樣式 */ *color: red; _color: yellow; }
其中,第一種Hack技巧使用了IE7下唯一有效的選擇器,通過:first-child+html選擇出IE7瀏覽器,并針對其進行特定樣式的設置。此方法已在后續版本中失效。
第二種Hack技巧使用Hack手段搭配@media查詢,選中IE7/IE8瀏覽器,并設置對應樣式。該方法在部分情況下也可用于針對IE6的Hack。
第三種Hack技巧是一種最常用的情況。其方式是利用星號“*”或下劃線“_”,以達到在IE7及以下版本的瀏覽器上運行的目的。此方法已是目前的主流寫法。需要注意的是,使用這種方式,盡量將Hack代碼寫在原始的CSS樣式表之后,以避免在后續的CSS樣式表中重寫原始的CSS樣式。