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>





  • 相关阅读:
    TS
    多点触摸的操作与图片放大缩小
    动画 -- 按钮 -- 左右晃动
    动画 -- 按钮 --- 从无到有(中心)
    动画 -- 点击按钮 -- 向右下方移动
    动画 -- 点击按钮 -- 顺时针旋转一圈
    动画 -- 点击按钮
    动画 -- ListView列表item逐个出来(从无到有)
    动画 --- 添加 和 移除 按钮
    动画-- 按钮按序列(从小到大)显示
  • 原文地址:https://www.cnblogs.com/xinyuyuanm/p/3026057.html
Copyright © 2011-2022 走看看