CSS 换肤在IE 6 下的加载问题

最新推荐文章于 2023-03-06 18:05:52 发布

最新推荐文章于 2023-03-06 18:05:52 发布 · 187 阅读

文章标签：

#IE #CSS #HTML

WEB 前端开发专栏收录该内容

11 篇文章

订阅专栏

本文探讨了在Internet Explorer浏览器下使用@import加载CSS文件时出现的异步加载问题，该问题导致了页面换肤功能在IE下无法正常工作。通过将@import替换为直接在HTML头部使用<link>标签引用CSS文件的方式，成功解决了这一问题。

随手写的一个小 Demo 发现了原来在 IE 下的 @import 标签的加载 CSS 居然是异步的.导致点击换肤的时候在IE下不渲染的问题.书写方式如下.(主要应用了2个CSS index.css, base,css)


...............
 @import url('base.css'); 
/*
 * 左侧边栏导航
 * ----------------------------------------------*/
#leftsidebar{
	width:171px;
	float:left;
}
#leftsidebar .leftmod{
	border:1px solid #B30000;
	margin-bottom:5px;
	background-color:#FFBFBF;
}
............................

导致中间换肤的时候出现了 BUG .改成在前端的 HTML 加载就没有这个问题了.


.............
<link id="skinbase" type="text/css" rel="stylesheet" href="css/China/base.css" />
<link id="skinid" type="text/css" rel="stylesheet" href="css/China/index.css" />
.............

写下来和大家讨论下,想看看大家的解决方案是啥.