为了为IE以外的所有浏览器加载CSS文件,可以使用以下方法:
<!--[if !IE]> -->
<link rel="stylesheet" href="style.css">
<!-- <![endif]-->
这段代码将会在IE以外的所有浏览器中加载style.css文件。
/* 针对非IE浏览器 */
@media all and (-webkit-min-device-pixel-ratio:0) {
/* 加载样式 */
body {
background-color: red;
}
}
/* 针对IE浏览器 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* 加载样式 */
body {
background-color: blue;
}
}
这段代码将会在非IE浏览器中加载红色背景,而在IE浏览器中加载蓝色背景。
var isIE = /* 判断是否为IE浏览器的代码 */;
if (!isIE) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'style.css';
document.head.appendChild(link);
}
这段代码将会在IE以外的所有浏览器中动态加载style.css文件。
以上是三种常用的方法来为IE以外的所有浏览器加载CSS文件。根据具体情况选择适合的方法即可。
领取专属 10元无门槛券
手把手带您无忧上云