FireFox与IE兼容的CSS切换方法

在公司做的一个页面,需要用到动态切换css文件,动态无刷新的调整显示效果.开始用了"document.styleSheets[0].href"这样的方式来改变href的值,但后来发现该代码在FireFox下无效,插了下网上的资料,原来样式表的href值在FireFox下是只读的,不可改变.因此需要另辟蹊径.
  正确的方法是,默认页面将所有的样式文件都加载,但用JavaScript代码控制默认只有一个样式表显示,例如:
<script type="text/javascript">
    document.styleSheets[0].disabled=false;
    document.styleSheets[1].disabled=true;
</script>
  然后按操作需要,再去动态改变样式表disabled的值为true还是false.

[本日志由 黑咖啡 于 2009-05-26 15:57:23 编辑]
上一篇: PSD文件存储小技巧
下一篇: 太港城-设计稿
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: FireFox IE 兼容 CSS 切换 方法
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.