注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

成功源于细节

梦想、奋斗、收获

 
 
 

日志

 
 
 
 

2012-05-06近期CSS总结  

2012-06-06 10:03:09|  分类: CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1.在ie7下浮动元素间不要有字符串,哪怕是空格,如下面的写法会有问题:

<div class="floatleft"></div>&nbsp;<div class="floatright"></div>

2.IE8的最佳hack为:color:#0000FF\0;  
  1. .test{  
  2. color:#000000;         /* FF,OP支持 */ 
  3. color:#0000FF\0;       /* IE8支持*/ 
  4. [color:#000000;color:#00FF00;/* SF,CH支持 */ 
  5. *color:#FFFF00;              /* IE7支持 */ +color:#FFFF00;
  6. _color:#FF0000;              /* IE6支持 */ 
  7. }

来区分IE的各个版本。至于为什么使用“\9”我真的不清楚原因,但是其他0-13的数字,最终效果如下:



本小节来源:http://www.okajax.com/a/200911/IE8_css_hack.html


3.IE6、IE7、IE8、FF专属区别写法
<style type="text/css">
body{color:gray;}
    .hackieff{color:orange;}
    .hackie6{_color:red;}
    *+html .hackie7{color:blue;}
    .hackie8{color:green\0;}
    .hackie9{color:black\9\0;}

   
</style>
<body>
<div class="hackieff">
hackieFF通用为橙色
</div>
<div class="hackie6">
hackie6为红色
</div>
<div class="hackie7">
hackie7为蓝色
</div>
<div class="hackie8">
hackie8为绿色
</div>

<div class="hackie9">
hackie9为黑色
</div>

</body>
4.IE6、IE7、IE8、FF常用区别写法,一定要注意为IE7写的位置,位于ie8之后,ie6之前,ie7的写在ie8前会出现ie7一个都不识别
<style type="text/css">
body{color:gray;}  
    .hackall{
        color:orange;  /* common css */       
        color:green\0; /* IE8 only  */
       color:green\0; /* IE8 only  */

        +color:blue;   /* IE7 and IE6 */
       _color:red;     /* IE6 only */
    }
   
</style>
<body>
<div class="hackall">
<br /><br />
hackieFF通用为橙色<br />
hackie6为红色<br />
hackie7为蓝色<br />
hackie8为绿色<br />
hackie9为黑色<br />

</div>
</body>

  评论这张
 
阅读(784)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017