这个已经有人问了how do call specific css for specific browser using jquery
我想将一个 css 文件用于 safari,另一个用于 Mozilla,另一个用于 IE
最佳答案
您应该在服务器端执行此操作(或者更好,根本不执行)。但是如果你不想做这个客户端,你需要这样的东西。
var writeStyleSheet = function(url){
var linkTag = document.createElement('link');
linkTag.type = 'text/css';
linkTag.rel = 'stylesheet';
linkTag.href = url;
linkTag.media = 'screen';
document.getElementsByTagName("head")[0].appendChild(linkTag);
}
if(jQuery.brwoser.msie){
writeStyleSheet('ie.css');
}
else if(jQuery.browser.safari){
writeStyleSheet('safari.css');
}
else if(jQuery.browser.mozilla){
writeStyleSheet('mozalla.css');
}
但是请注意,jQuery.browser 在 1.3 中已被弃用。您应该创建适用于所有浏览器的样式表。可能为 IE 特定 hack 添加一些条件注释:
<!--[if IE]>
<link type='text/css' href='ieHacks.css' rel='stylesheet' />
<![endif]-->
关于javascript - 如何为相应的浏览器调用不同的 css,例如使用 jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/851708/