IE8 及以下的瀏覽器版本已經(jīng)被淘汰,但是一些用戶仍在使用這些版本的瀏覽器。這就意味著網(wǎng)頁(yè)設(shè)計(jì)師在設(shè)計(jì)時(shí)需要考慮舊版瀏覽器的兼容性問(wèn)題,特別是在 CSS 樣式表方面。以下是一些需要注意的點(diǎn)。
/* 針對(duì) IE8 及以下版本的樣式代碼 */ /* IE8 及以下版本不支持 box-sizing 屬性,需用 CSS3 前綴 -webkit-box-sizing: border-box; */ * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } /* IE8 及以下版本的選擇符最好按順序排列,如 div.container ul li {} 而非 li {} ul {} div.container {} */ div.container ul li { /* 樣式代碼 */ } /* 因?yàn)?IE8 及以下版本的瀏覽器不支持 rgba 顏色值,所以需要使用 IE8 的特殊語(yǔ)法 */ div.container { background-color: rgba(0,0,0,.5); background: transparent\9; /* IE8 及以下版本 */ *background: #000\9; /* IE6/7 */ } /* 避免使用 CSS3 功能,如陰影、圓角等效果,IE8 及以下瀏覽器均不支持 */ div.box { border: 1px solid #f00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* IE9 及以上支持,IE8 及以下不支持 */ } /* IE8 及以下版本的選擇器支持有限,建議多利用類(lèi)名和 ID 選擇器 */ .ex-class { /* 樣式代碼 */ } #ex-id { /* 樣式代碼 */ }
總之,要想讓網(wǎng)站在 IE8 及以下版本的瀏覽器中得到較好的顯示,就需在 CSS 樣式表方面多下功夫,注意一些兼容性問(wèn)題,更好地為用戶提供服務(wù)。