求解：　　　　　DIV＋CSS换肤问题

21xxb 2010-11-29 05:48:30

碰到一个问题看大家是否能帮忙解决，情况如下：

　　用DIV+CSS做的页面想实现换肤功能，功能很简单以前也多次实现过，但这次的系统各组件的css样式文件较多而且层级比较分散，所以用了一个文件把多个样式包含起来用
@import url("css/a.css");
@import url("../css/b.css");
... ...

　　页面中直接引用是没有问题一切正常，但用点击换肤用js改变其href后，就无法正常显示，不知什么问题，在网上查了查说ie对于样式的import嵌套可能会出现问题，不知哪位高人有好办法实现。

...全文

134 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

「已注销」 2010-12-30

打赏
举报



<link type="text/css" rel="stylesheet" href="css/style.css" id="css" />

<script type="text/javascript">

function changeCss(a){ 

 var css=document.getElementById("css");

  if (a==1)

  css.setAttribute("href","css/style.css");

  if (a==2)

  css.setAttribute("href","css/style_2.css");

  if (a==3)

  css.setAttribute("href","css/style_3.css");

  if (a==4)

  css.setAttribute("href","css/style_4.css");

}

</script>

</head>

<body>

<div class="top">

以字色为例显示换肤效果

<br>

图片cssqh.gif、cssqh2.gif、cssqh3.gif、cssqh4.gif为皮肤图案

<a href="#" onClick="changeCss(1)"><img src="images/cssqh3.gif" width="13" height="13" alt="" /></a> 

<a href="#" onClick="changeCss(2)"><img src="images/cssqh4.gif" width="13" height="13" alt="" /></a> 

<a href="#" onClick="changeCss(3)"><img src="images/cssqh.gif" width="13" height="13" alt="" /></a> 

<a href="#" onClick="changeCss(4)"><img src="images/cssqh2.gif" width="13" height="13" alt="" /></a> 

</div>

</body>

</html>