CSS E619是CSS3的一個新特性,它使得瀏覽器可以在瀏覽器運行時動態地創建CSS規則。
盡管E619是一個有用的特性,但是它在所有瀏覽器中都不被支持。為了使你的網站向后兼容,你需要提供一個備選方案,比如使用JavaScript來動態地修改CSS。
// JavaScript Code if (document.styleSheets[0].addRule) { document.styleSheets[0].addRule('p', 'background-color: yellow'); } else { var css = 'p { background-color: yellow; }', head = document.getElementsByTagName('head')[0], style = document.createElement('style'); style.type = 'text/css'; try { style.appendChild(document.createTextNode(css)); head.appendChild(style); } catch (e) { style.styleSheet.cssText = css; } }
在這個例子中,我們首先檢查瀏覽器是否支持addRule()方法,如果支持,則使用它來動態地添加CSS規則。如果不支持,我們則手動創建一個