相信做了前端開發(fā)的人都對(duì)ie開發(fā)者意見很大,他們昧著良心去破壞市場(chǎng),本文是錯(cuò)新技術(shù)頻道小編帶來(lái)的IE8中使用javascript動(dòng)態(tài)加載CSS的解決方法。
最近我們產(chǎn)品需要在瀏覽器里動(dòng)態(tài)載入一段CSS,以前的代碼是直接用的:
不過(guò)這個(gè)只有IE9支持,在IE8下會(huì)出問(wèn)題,一直也沒(méi)注意到這塊,直到最近重構(gòu)后做完整測(cè)試的時(shí)候才發(fā)現(xiàn)。
網(wǎng)上搜到一個(gè)技巧,試過(guò),可行,但是有一些問(wèn)題
?
?
這里可以創(chuàng)建由變量bc_bubble_css定義的樣式,不過(guò)由于HTML5逐漸普及,我們的css里也混入了一些css3 selector,使用這個(gè)方法會(huì)導(dǎo)致IE8的parser解析到css3 selector的時(shí)候拋異常并停止解析后續(xù)css,這讓css只加載了一半,網(wǎng)上搜到的辦法都是用StyleSheet類型的addRule來(lái)增加,不過(guò)這個(gè)需要自己指定css2 selector以及樣式,
因此需要從CSS中拆開單個(gè)的規(guī)則,然后依次調(diào)用addRule,例子:
?
?
看了錯(cuò)新技術(shù)頻道小編講解的IE8中使用javascript動(dòng)態(tài)加載CSS的解決方法?大家還有什么想了解呢?趕緊的來(lái)關(guān)注js.VeVb.com吧!
新聞熱點(diǎn)
疑難解答
圖片精選