CSS,jQuery和IE。

时间:2011-07-30 11:39:29

标签: jquery css internet-explorer

jQuery是否可以为IE浏览器编写CSS代码?很多时候我都面临着这个问题。有时很难理解如何为包括IE在内的所有浏览器重写代码,有时候我使用jQuery来改变小块代码,但是有一个问题,如果用户的互联网带宽很弱,jQuery会在页面后加载CSS完全加载,它总是这样,新用户可以对网站做出不好的印象,等等。那么,有什么建议来改善这个吗?

1 个答案:

答案 0 :(得分:2)

  

jQuery在页面完全加载后加载CSS

jQuery应该负责加载所有你的CSS。希望这不是你的意思。

但是,如果你在谈论在所有javascript执行完毕之前可能出现的丑陋闪现,一种技巧就是为没有javascript的用户编写特定的CSS。这个想法基本上是这样的:

<html class="no-js">

然后当jQuery加载时,立即调用类似这样的东西:

$('html').removeClass('no-js').addClass('js');

然后,您可以在CSS中使用此选择器,以便在加载或启用jQuery时定位元素。

.my-widget {
    /* default style */
}
.js .my-widget {
    /* style with javascript */
}
.no-js .my-widget {
    /* style without javascript */
}

取自HTML5Boilerplate文档(使用此技术的一个地方):

  

我更喜欢在没有JavaScript的情况下为用户编写显式样式。最   我的网站期望JavaScript,这意味着前缀为60%   我的CSS选择器与.js。或者,我可以有一些目标   .no-js覆盖并解决了这个案子。更多信息:   http://paulirish.com/2009/avoiding-the-fouc-v3/和   http://paulirish.com/2009/avoiding-the-fouc-v3/#comment-34951

一般情况下,尝试确保一切看起来不错,没有javascript,并使用js进行增强。