zoukankan      html  css  js  c++  java
  • CSS HACK 之 IE6+IE7+IE8+IE9+FF

    自从安装了IE8.0正式版本!就对基本的几个 CSS HACK的做一下归纳!希望对网页前端布局DIV+CSS的实施者有所帮助! 


    本文就主要以:IE6+IE7+IE8+IE9+FF为主要研究对象 

    HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同) 


    在 CSS中常用特殊字符识别表: 


    (1)*:  IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; 

    (2)!important: 除IE6不能识别 !important外,  FF+IE8+IE7都能识别!important

    (3)_ : 除IE6支持_ 外,  FF+IE8+IE7都不支持_; 

    (4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)  

    (5)\0: 只对IE8 有效

     

    示例: 

    (1)区别FF(IE8)与IE6 IE7 

    backgorund:orange; FF和IE8背景色将为橘黄色 

    *backgorund:red;   IE6和IE7背景色将为红色

     (2)区别FF(IE8)与IE6与IE7 

    background:orange;   FF和IE8背景色将为橘黄色

     *background:red !important;  IE7背景色将为红色

     *background:blue;     IE6背景色将为蓝色

     (3)区别FF(IE8)与IE6与IE7 

    background:orange;        FF和IE8背景色将为橘黄色 

    *background:red;          IE7背景色将为红色

     _background:blue;         IE6背景色将为蓝色

     (4)区别FF与IE6 IE7 E8 

    color:gray;       FF等非IE浏览器字体色将为灰色

     color:red\9;     IE8 IE9字体色将为红色


    一看就懂:

    1. <style>
    2. div{
    3. width:400px;
    4. height:400px;
    5. background-color:red;
    6. background-color:blue\9;/*所有IE*/
    7. background-color:yellow\0;/*IE8 hack*/
    8. _background-color:#CDCDCD; /* ie 6*/
    9. *+html background-color:white;/*仅IE7*/
    10. *background-color:pink;/*IE6 IE7 hack*/
    11. @background-color:white;/*opera hack*/
    12.  
    13. }
    14. </style>





  • 相关阅读:
    通过ifconfig命令分析
    网络协议初探
    商品详情页面属性价格显示其对应价格
    ecshop属性 {$goods.goods_attr|nl2br} 标签的赋值相关
    CI模板中如何引入模板
    jQuery取得/设置select的值
    ecshop如何增加多个产品详细描述的编辑器
    获取span里面的值(特殊情况下 )
    一个页面有相同ID元素的情况分析
    表单辅助函数-form_open()
  • 原文地址:https://www.cnblogs.com/xinyuyuanm/p/3026057.html
Copyright © 2011-2022 走看看