CSS技巧:IE6用import导入CSS的问题

2016-02-19 23:42 9 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的CSS技巧:IE6用import导入CSS的问题懂设计的网友们快点来了解吧!

【 tulaoshi.com - Web开发 】

在ie 6中可以先写CSS再加import比如

p {}
@import url("base.css");

但在浏览器里死活是渲染不出来. 用抓包工具跟踪, 根本就没有请求...

如果去掉上面的p选择符,或者放到import下方就可以渲染, 按标准来说import是要放首行的,但aoao说IE6是可以先放其它的CSS再加import的.

@import url("base.css");
p {}

如果我再尝试把css的import写成link这样,也是可行的

style
p {}
/style
link rel="stylesheet" href="base.css"/

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

因为link标签可以优先渲染.

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

经过证明,在IE里的确可以先写css再加入import, 但是需要去掉strict的DTD(无论是html strict还是xhtml strict头).

虽然用import标准里也并不推荐,如果要用,也要必须在首行, 但今天...IE惯坏了人.

来源:http://www.tulaoshi.com/n/20160219/1630421.html

延伸阅读
标签: Web开发
效果地址: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlefixed ie6/titlest...
CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器 .test{     height:20px;     background-color:orange; } IE7浏览器 *+html .test{/*IE7*/     height:20px;     background-color:blue; } ...
标签: Web开发
关于CSS HACK的文章在52CSS.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。您也可以参考下面的文章 FF浏览器 .test{     height:20px;     background-color:orange; }   IE7浏览器  *+html .test{/*IE7*/     height:20px;    ...
标签: Web开发
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue; 注:IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 ...
标签: Web开发
今天被在修改CSS的时候,突然碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下: selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _prope...

经验教程

347

收藏

90
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部