在IE8瀏覽器中,有些CSS樣式在被識別時會與其他瀏覽器產生差異,需要使用特定的寫法。
/* IE8專用代碼 */ .myClass { background-color: #f00; /* 標準寫法 */ background: #f00\9; /* IE8寫法 */ }
如上代碼,IE8無法識別標準的background-color屬性,需要使用background屬性,并在末尾添加\9。這樣,在其他瀏覽器中不會出現問題,只有在IE8中生效。
/* IE8專用代碼 */ .myClass { display: inline-block; /* 標準寫法 */ zoom: 1; /* IE8寫法 */ *display: inline; /* IE6、7寫法 */ }
另外一個例子是,標準的display:inline-block樣式無法在IE8中生效,需要同時使用IE8的zoom:1屬性和IE6、7的*display:inline屬性,這樣才能達到兼容IE8及以下版本的效果。