CSS在IE上顯示被劃掉的問題是一件比較常見的事情,很多網(wǎng)頁制作人都會(huì)遇到這種情況,下面我們就來看看這個(gè)問題的原因以及解決方法:
1.問題原因
在IE瀏覽器下,有些情況下CSS樣式會(huì)被劃掉,這通常是由于IE瀏覽器的版本太低,不支持某些CSS屬性或者某些樣式表達(dá)式。因此,在使用CSS樣式時(shí),一定要注意IE瀏覽器的兼容性問題。
2.解決方法
為了解決CSS在IE上被劃掉的問題,我們可以采取以下幾種方法:
(1)使用瀏覽器hack
通過判斷IE的版本號(hào),選擇使用不同的CSS樣式,以達(dá)到兼容不同版本瀏覽器的目的。
例如:
```css
/*IE 6*/
* html .content{background-color:#f00;}
/*IE 7*/
*:first-child+html .content{background-color:#f00;}
/*其它瀏覽器*/
.content{background-color:#f00;}
```
(2)使用條件注釋
在HTML頁面中,可以使用條件注釋判斷IE瀏覽器的版本號(hào),以此來加載不同的CSS文件。通過這種方式,可以實(shí)現(xiàn)對(duì)IE瀏覽器的兼容性。
例如:
```html```
(3)使用CSS Hack代碼
使用CSS Hack代碼,為不同版本的IE瀏覽器添加不同的CSS樣式,以此來解決CSS在IE上顯示被劃掉的問題。
例如:
```css
/* IE6 */
* html div#box { background-color:#f00; }
/* IE7 */
IE7 div#box { background-color:#f00; }
/* IE8 */
IE8 div#box { background-color:#f00; }
```
綜上所述,針對(duì)CSS在IE上被劃掉的問題,我們可以使用瀏覽器hack、條件注釋以及CSS Hack代碼等方式來解決,具體選擇哪種方式,需要根據(jù)實(shí)際情況而定。
上一篇css在iis中不能更新
下一篇css在一行字在上面顯示