黑白CSS和IE10的結(jié)合,可以讓我們有更多的設(shè)計(jì)與開(kāi)發(fā)選擇。以下是一些使用黑白CSS和IE10時(shí)需要注意的事項(xiàng)。
/* 針對(duì)IE10的樣式 */ /* 匹配IE10及以上版本 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10及以上版本瀏覽器中的黑白CSS樣式 */ } /* 匹配IE10以下版本 */ @media screen and (min-width:0\0) { /* IE10以下版本瀏覽器中的黑白CSS樣式 */ }
使用黑白CSS時(shí),我們需要特別注意以下幾點(diǎn):
1. 避免使用純色背景
因?yàn)楹诎證SS主要使用黑色和白色,如果背景顏色和文本顏色一樣會(huì)使頁(yè)面難以辨認(rèn),建議使用灰色或其他淺色代替。
2. 使用高對(duì)比度文本
使用粗體或較大字體大小,保證文本清晰易讀。
3. 避免使用圖像或圖標(biāo)
黑白CSS中不包含彩色,因此圖像或圖標(biāo)使用時(shí)可能會(huì)不好看或難以辨認(rèn),可以使用灰色或其他淺色代替。
在使用黑白CSS時(shí),我們需要根據(jù)自己的設(shè)計(jì)需求和瀏覽器兼容性選擇使用,盡量避免出現(xiàn)兼容性問(wèn)題,保證頁(yè)面效果。