• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    特牛的FF/IE6/IE7专用CSS HACK
    这是一篇关于CSS HACK的文章，这篇文章中提到的CSS HACK是针对class、id中属性的HACK，排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSS HACK。        
    复制代码 代码如下:


    .test{/*FF*/   
        height:20px;   
        background-color:orange;   
    }   
    *+html .test{/*IE7*/   
        height:20px;   
        background-color:blue;   
    }   
    *html .test{/*IE6*/   
        height:20px;   
        background-color:black;   
    } 



    通过上面的CSS代码可以看出FF还是最听话的浏览器，在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。这里就很好记忆了，IE6加*html，而IE7加*+html，暗示加了一个版本。通过对class、id所做的CSS HACK好处在于不用顾及前后顺序，而且便于管理和其他人员接受，还可以通过这种HACK实现类似JS浏览器版本的控制。缺点嘛可能就是产生大量的代码吧！好了，大致就先说说这些。 

    上面内容看完可以点击下面的效果在不同浏览器来看看效果，其中橙色代表FF，蓝色代表IE7，黑色代表IE6。 

    [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
    您可能感兴趣的文章:
    • CSS Hack 汇总快查
    • CSS Hack 汇总速查手册浏览器兼容必会
    • CSS Hack收集汇总
    • 网页制作中十个最好的CSS hacks
    • 浏览器兼容解决FF/IE6/IE7背景专用CSS HACK
    • CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
    • 很不错的 CSS Hack 又学了一招
    • 通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐
    • CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera
    上一篇：将文本输入框的背景设置成透明
    下一篇：浏览器兼容解决FF/IE6/IE7背景专用CSS HACK
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    特牛的FF/IE6/IE7专用CSS HACK 特牛,的,IE6,IE7,专用,CSS,