ie6注释怎么写, html 不就是IE6专用的吗为什么还要加 和注释如下
来源:整理 编辑:航空兔素材 2025-07-08 00:31:41
本文目录一览
1, html 不就是IE6专用的吗为什么还要加 和注释如下
写作者为了自己好记,加的注释,这是不会执行的。
另外HTML和IE版本没什么关系。/* ie6 \*/
* html .float{height:1%;}
/* end */
其他不认识*而不是*html.这种写法简称css hack
注释是为了以后看明白为什么写这句,
换种方法也可以这样写 * html .float{height:1%;} //IE6 only

2,IE条件注释 if IE 90link hrefcssie9css relstylesheet
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]--><!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]--><!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]--><!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]--><!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
3,css 条件注释
如果仅仅是*_这样的hack就直接写在同一个CSS就好了,
把不带*_的属性写在上面,带的下在下面,
*_只有IE能识别,其他的浏览器就忽略的。
*IE 6和7都识别,而_只有IE6能识别,所以,一般来说把*放在_的前面。兼容ie6 ie7 FF的css hack2008年08月27日 星期三 上午 09:50本文原创,如有转载请注明:一方设计。
ie6,ie7,ff 3者之间的兼容方法其实很简单,如下:
margin:0 1px 0 1px;
+margin:0 3px 0 3px;
_margin:0 2px 0 2px;
这3段代码的意思 就是说 第一句是给FF写的,(你要同时测试3个浏览器)如果FF下显示是你想要的效果,那么这第一句就算写好了,第2句是给IE7写的,因为IE7 认识+ 不认识_ 而FF不认识+和_
也就是说,你第2句代码要针对IE7测试,如果是你想要的效果,那就写好了.
同理,第3句是给IE6写的,虽然IE6能识别第一句,但是他读到第3句时代码就变第3句了,因为顺序在后的最后被识别,IE6是识别_这个符号的,所以 第3句针对IE6写代码,如果是你想要的效果,那么OK,你完美的兼容了IE6,IE7和FF了.呵呵!!!!希望本文对大家有帮助.其他属性一样可以用+_来识别这3个浏览器!是的,用hack标记来做会比较混乱,你现在的思路是对的,但不应该是“几乎一样的css文件”。
你要把通用的样式放到一个文件(global.css)里,有区别的东西分别放到各自的ie7.css,ie6.css,ff.css里,注意在引用这些样式文件时要想下面这样,global文件总是引入,ie6文件只在浏览器是IE6时才引入,以此类推。
--------------------------------------------------------------
<link rel="stylesheet" type="text/css" media="all" href="/css/global.css" />
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="/css/ie7.css" media="screen, projection"/></script><![endif]-->
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/ie6.css" media="screen, projection"/></script><![endif]-->
4,关于CSS中对IE条件注释的问题
一、通用区分方式:
IE6、IE7能识别*,标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important;
IE7能识别*,也能识别 !important;
IE8能识别\0,不能识别*,+,_,* 加!important;
FF不能识别*,但能识别 !important;
例如style=”*width:10px!important; width:20px;”,其在IE7下宽度为10px,在IE6下宽度是20px.
其中还有如下三种写法:
第一种
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px!important; /* ,IE7 既能能识别*号,也能识别important */
*width:400px; /* IE6也能识别*号 */
/*Mr.Think提示:请注意书写顺序@MrThink.net*/
第二种
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px; /* IE7也能识别*号 */
_width:400px; /* IE6能识别下划线*/
/*Mr.Think提示:请注意书写顺序@MrThink.net*/
第三种
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
+width:300px; /* +只识别IE7 */
_width:400px; /* IE6能识别下划线*/
/*Mr.Think提示:请注意书写顺序@MrThink.net*/
二、不常见的HACK(OP表示Opera,SA表示Safari),其中第3条比较实用
1..color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
2..color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/
3..color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
4..color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/
三、各种浏览器独立支持的hack
width:100px\0;/* 支持IE8 */
_width:100px; /* 支持IE6 */
[width:100px; /* 支持IE6,7 */
+width:100px; /* 支持IE6,7 */
*width:100px; /* 支持IE6,7 */
*width:100px!important; /* 支持IE6,7, */
*+width:100px; /* 支持IE6,7, */
*+width:100px!important;/* 支持IE6,7, */
width:100px\9; /* 支持IE6,7,8 */
width:100px!important; /* 支持IE6,7,8,FF */
w\idth:100px; /*IE5.x不支持 IE6、IE7、IE8、FF支持 */
四、IE特有的html条件注释使用规则
1.仅IE可见的写法
<!--[if IE]>此处内容只有IE可见<![endif]–>
2.仅IE6可见的写法
<!-–[if IE 6]>此处内容只有IE6.0可见<![endif]–->
3.仅IE7可见的写法
<!–-[if IE 7]>此处内容只有IE7.0可见<![endif]–->
4.版本区间可显示写法
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
5.非IE可见的写法(注意:此条不符合WEB标准,但的确实用)
<!--[if !IE]>此处内容只非IE可见<![endif]-->IE6下 20px;
CSS由上到下解读。后面的CSS会覆盖前面的。是显示的 20px大小字体
注意使用if的放置位置
可以不用if解决
<style type="text/css">
#main{font-size:50px}
_#main{font-size:20px}
</style>
这样就可以让IE6识别20px ,也要注意位置放置
DIVCSS5回答你写错了
<! --[if it ie 7]>
<![endif] -->
注意空格!
另外,站长团上有产品团购,便宜有保证对的。在默认情况下。什么浏览器都会加载前面那一段,你在后面用条件注释后,假如定义的属性和上面一样就会替换上面的。因为这根据CSS的加载顺序从上往下先后执行。
文章TAG:
ie6注释怎么写ie6 注释 怎么