zoukankan      html  css  js  c++  java
  • IE8 CSS hack

    IE8正式版出来有一段日子了,但是针对ie8正式版的CSS hack却很少,其实这是值得庆幸的,因为ie8修复了很多IE6和IE7的一些BUG,更加接近W3C标准。

    针对IE8正式版的CSS hack目前可以找到的分为2种:

    第一种:”\9″:

    基本的写法:

    1..test { color/*\**/: blue\9 }

    这个IE6、IE7、IE8都能识别;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack:(转载

    1..header {width:300px;} /* 所有浏览器*/
    2..header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
    3..header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
    4..header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/

    第二种:就是使用IE的条件注释

    具体可以查看这里:http://www.css88.com/archives/705

    其他一些css hack的测试:

    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”和“/*\**/”之间有个空格*/

    其中:OP表示Opera,SA表示Safari

    参考阅读:

    http://ladysign-apps.com/blog/archives/529

    http://webdevelop.nitamihai.com/ie8-css-hack/

    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>区别IE6、IE7、IE8、FireFox的CSS hack - www.newcss.cn</title>
    <style type="text/css">
    <!--
    #test,#note{
    margin:0 auto;
    text-align:center;
    }
    #test {
    200px;
    height:30px;
    border: 1px solid #000000;
    color:#fff;
    line-height:30px;
    }
    .color{
    background-color: #CC00FF; /*所有浏览器都会显示为紫色*/
    background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/
    *background-color: #0066FF; /*IE6、IE7会变为蓝色*/  
    _background-color: #009933; /*IE6会变为绿色*/
    }
    -->
    </style>
    </head>

    <body>
    <div id="test" class="color">测试方块 hi.baidu.com/dpxdqx </div>
    <div id="note">
    <strong style="color:#009933">IE6</strong>
    <strong style="color:#0066FF">IE7</strong>
    <strong style="color:#FF0000">IE8</strong>
    <strong style="color:#CC00FF">FireFox</strong>
    </div>
    </body>
    </html>

  • 相关阅读:
    java 线程的终止与线程中断
    java 线程协作 wait(等待)与 notiy(通知)
    java 线程协作 yield()
    java 线程协作 join()
    python学习 文件操作
    linux 学习 常用命令
    linux 学习 设置固定网Ip
    web 安全
    MySQL数据物理备份之tar打包备份
    MySQL数据物理备份之lvm快照
  • 原文地址:https://www.cnblogs.com/top5/p/1609784.html
Copyright © 2011-2022 走看看