Question

为页面动态换肤(即调用不同css文件时),刷新主页时总是会先加载出默认样式,闪一下后才出现设定样式

我在我的页面上分别引用了3种css样式作为皮肤:
<LINK title=css1 href="css/index1.css" type=text/css rel="alternate stylesheet">
<LINK title=css2 href="css/index2.css" type=text/css rel="alternate stylesheet">
<LINK title=css3 href="css/index.css" type=text/css rel=stylesheet>
也就是说默认选择的是index.css作为样式,其他两个为备选,用户不做任何操作时默认调用index.css,然后我通过在页面上指定元素的点击事件实现换皮肤的功能,替换其他css样式.
功能可以实现,但是问题是当我刷新页面时,总是会闪一下index.css的样式,然后才显示设定的样式,请问这个怎么解决?是不是一定要把选择的css路径存入数据库，每次都要读取数据库中的值，有没有其他办法没有？

Answer 1

可以使用灶桐cookie保存用户粗吵对 皮肤的选择，但是不用保存完整的css路径，后台加载时候，先读取cookie，然后加载css样式表，你说的闪一下 应该是你的css文件放的位置有问题 或隐凳坦者是 css文件编写的问题！

追问

我用的就是cookie值去保存的，但是每次切换页面的时候，总是先加载index.css闪一下，然后才加载其他的css，这个选择的css路径只能存到数据库中才能避免闪一下的问题吗？css的文件和放置的位置没有问题

追答

我觉得，是你的主题css定义有重复的类，如果只有一个地方定义了样式，那就不存在后面的类把前面已定义的覆盖了， 也就是看到闪一下。

追问

我用的是JQUERY，根据点击按钮选择不同的css路径，而index.css是默认网页第一次加载时候的样式，点击换肤按钮之后，加载index1.css，然后刷新页面（当然也保存了cookie），就会有闪一下

Answer 2

在页面渲染完成没腊孙前局斗加载样式(function(){})() 立即执行函数 $(function (){}) DOM加载枯链后