不久前做一个页面切换皮肤的脚本,遇到一个非常棘手的问题.有这样三个样式文件 blue.css,black.css,default.css,而blue.css和black.css两个文件中的首行均有一行import url(default.css)的导入语句,默认样式为black.css,使用
<link rel=stylesheet type=text/css src="black.css" />
引入到页面中,一开始比较简单的写上切换的代码
document.styleSheets[0].href = "blue.css";
这样做的ie6下正常,在ie7/8beta1中会导致default.css定义的样式丢失而只成功的应用了blue.css定义的样式,在firefox中则根本不能执行.于是,参考了一些兼容性的办法后修改一下,为link标签加上一个id命名为lkStyle,即
<link ;
就这三句代码就能够在firefox/ie6/ie7/ie8beta下兼容运行,并且切换的时候不再丢失import导入的样式了.
相关文章:
-
2022-01-23
-
2022-02-28
-
2022-12-23
-
2021-05-30
-
2022-01-01
猜你喜欢
-
2021-12-02
-
2022-12-23
-
2021-10-27
-
2021-06-07
-
2021-09-05
-
2021-11-02
-
2021-05-11
相关资源
-
下载
2023-04-01
-
下载
2021-07-01
-
下载
2023-01-22
-
下载
2023-01-01