javascript - 前置 .css 文件 - Firefox 与 IE

标签 javascript jquery html css

当我使用它时,我发现 IE 与 Firefox 有不同的行为

$('头').prepend('');

这基本上只是在 HEAD 标签内的顶部添加 theme-2.css(用于主题目的)。我这样做是因为我还不想加载它,因为我使用了 csspreload http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

在Firefox中,最上面的.css文件会优先被下面的文件接管。这很好用!

在 IE 中,稍后添加到 HEAD 中的新 .css 文件将生效。这无关紧要,无论是在顶部还是底部。

  1. 如何解决 IE 的这种行为?
  2. 是否有不同的图像加载器,我可以将 .css 文件输入到参数中并从那里加载?当前必须在 html 中的链接中看到 .css 文件。

谢谢

最佳答案

我不完全清楚您在这里要完成什么 - 您是否试图动态添加样式表到页面而不影响页面,以便预加载其图像?

如果是这样,这个片段可能确实需要你想要的:

$('link[rel="stylesheet"][href="theme-2.css"]').attr('disabled', 'disabled');

这将禁用样式表,但它会保持加载状态。如果你想在以后重新打开它,你可以这样做:

$('link[rel="stylesheet"][href="theme-2.css"]').removeAttr('disabled');

编辑: 我想,您真正想要的是 disabled 属性的功能。您实际上可以在添加该样式表时设置它,它不会应用于页面。上面的片段只是演示了如何动态地执行此操作。

关于javascript - 前置 .css 文件 - Firefox 与 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1535975/

相关文章:

jquery - 使用序列化函数发布提交按钮值以进行 php 验证

javascript - 输入框禁用停留

javascript - css 在输入字段上方显示验证消息

javascript - 为什么卡片在 Javascript ES6 "Game of War"中丢失?

javascript - 单击表格行时,如何使用单元格值作为带有 onClick 操作的 PHP POST 请求?

jquery - 制作一个支持网页打印的灯箱

jquery - 浏览器中的自定义进度条

html - SVG 剪切路径缩放

javascript - 如何将价格限制为小数点后两位

javascript - 为什么调用函数增加全局变量后它仍然保持不变?