`
black.angel
  • 浏览: 35015 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

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

阅读更多
随手写的一个小 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" />
.............


写下来和大家讨论下,想看看大家的解决方案是啥.
分享到:
评论

相关推荐

    css3自定义换肤web简历模板下载_个人黑色css3简历动画web简历设计师个人单页漂亮.rar

    【标题】"CSS3自定义换肤Web简历模板下载_个人黑色CSS3简历动画Web简历设计师个人单页漂亮.rar" 涉及的关键知识点主要集中在CSS3的应用上,特别是对于网页设计和换肤功能的实现。这个压缩包提供的是一套个人简历模板...

    pc浏览器换肤

    3. 在线教程:互联网上有许多关于浏览器扩展开发和CSS换肤技巧的教程,可以帮助初学者快速入门。 总结,浏览器换肤是一种提升用户体验的手段,涉及到了前端技术的多个方面,包括CSS、JavaScript以及浏览器的API使用...

    300道HTML、CSS习题及面试题(含答案)

    3. 性能考虑:在实现换肤功能时,为了提高性能,应尽量避免对整个页面的样式进行重绘和重排,而是使用CSS3的`transform`和`opacity`等属性来实现平滑无闪烁的视觉效果。 **知识点总结** - HTML标签的合理使用可以...

    换肤测试程序

    6. 兼容性测试:换肤功能必须在主流浏览器如Chrome、Firefox、Safari、Edge以及IE/Edge Legacy等上进行充分测试,确保在不同环境下都能正常运行。 7. 性能优化:大量CSS文件可能会增加页面加载时间,因此开发者需要...

    js换肤圆角代码兼容各个浏览器

    在网页设计中,实现元素的圆角效果以及动态换肤是常见的需求,尤其在JavaScript(JS)的帮助下,这些功能可以轻松地实现,并且能够确保在不同的浏览器之间具有良好的兼容性。"js换肤圆角代码兼容各个浏览器"这个主题...

    一个值得学习的css布局设计-taobo的

    在CSS中,有两种盒模型:标准盒模型(W3C盒模型)和IE盒模型。标准盒模型中,元素宽度和高度只包含内容区,而IE盒模型则包括内容、内边距和边框。在"box_demo.html"中,我们可以看到如何通过CSS设置这些属性,以实现...

    兼容PC端的H5播放器,代码已经精简,播放器可换肤

    代码的精简意味着开发者可以更快地理解和调试,同时也减少了潜在的性能问题和加载时间。 关于自定义样式,这是一个关键特性,允许开发者根据自己的需求或网站设计调整播放器的外观。这通常涉及到修改CSS样式表,...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录...

    8中JS放大效果、换肤集合

    - **动态加载CSS**:可以动态创建`&lt;link&gt;`标签,将新的CSS文件引入到页面中,实现整体界面风格的切换。 - **兼容性检查**:确保换肤功能在各种浏览器上都能正常工作。 3. **换衣服(换装)效果**: - **DOM操作*...

    网页重构时在IE6中遇到png兼容性

    这样,即使在IE6下,也能实现PNG32图片的透明效果,并且可以像其他高级浏览器一样定位和显示背景。 值得注意的是,虽然这种解决方案能够解决IE6的PNG兼容性问题,但它并不适用于其他支持PNG32的现代浏览器。为了...

    js 弹出窗口 弹出div window 支持遮罩、拖动、嵌入页面、换肤等实用功能

    5. **浏览器兼容性**:考虑到“支持ie、firefox、chrome”,这意味着代码需要考虑不同浏览器之间的差异,可能需要使用polyfills或条件语句来确保在旧版本的IE浏览器中也能正常工作。例如,使用jQuery或其他库来处理...

    asp.net博客系统

    修改了关于css列表加载顺序的bug,增强对ie6的支持(不过仍有些小问题- -||) 首页结构有小修改,并修正了一些小问题 v1.080516更新记录: 增加相片生成缩略图功能 增加生成静态页功能(目前只针对日志) 增加...

    php实现通过cookie换肤的方法

    在`index.php`中,我们通过`include`指令引入`saveStyleSheet.php`,然后在`&lt;link&gt;`标签中调用`styleSheet()`函数,以便根据Cookie的值加载相应的CSS文件。同时,我们还创建了几个链接,用户可以通过点击这些链接来...

    Javascript动态引用CSS文件的2种方法介绍

    在进行前端开发时,尤其是在修改页面样式或者进行页面换肤功能时,动态地插入CSS样式是非常常见且实用的需求。Javascript由于其强大的动态操作能力,可以非常方便地对页面的样式进行控制,本文主要介绍两种通过...

    hao4399网址导航源码

    9. 兼容性:作为一个公开的源码,开发者通常会考虑多浏览器兼容性,确保在主流浏览器如Chrome、Firefox、Safari、Edge和旧版IE上都能正常运行。 总的来说,"hao4399网址导航源码"是一个以前端技术为主的项目,它...

    缤纷夏日网址导航源码 1.0.rar

    2、模板采用html css架构,兼容世界之窗/360安全/360极速/FF/IE789及以上等主流浏览器。 3、网站前后台分离,安全稳定,防注入功能,数据库已做安全防下载处理。程序绝无后门无病毒,解压后数据自上传到主目录...

    阿赛网站系统 V2008.rar

    4、网站设计简洁大方,全部采用DIV CSS设计模式,提高加载速率,同时通过了FOX和IE7的测试; 5、后台使用WEB2.0方式架构,简洁明快,无框架,支持低版IE上运行; 6、废除VER2007的编辑器,重新架构全新的HTML编辑...

    网络营销策划方案书范本.pptx

    7. **双浏览模式**:如QQ浏览器5,采用极速模式(基于WebKit)和普通模式(基于IE),根据网页类型自动切换,以实现更快的加载速度和更好的兼容性。 8. **个性化设计**:现代浏览器往往支持自定义皮肤和扩展插件,...

    react实现antd线上主题动态切换功能

    它支持在不重新加载页面的情况下,通过修改Less变量来实时更新主题样式。 实现步骤: 1. 安装antd-theme-generator,并在项目的根目录下创建color.js文件,添加配置项来指定LESS文件的路径、主题变量以及输出的Less...

Global site tag (gtag.js) - Google Analytics