zoukankan      html  css  js  c++  java
  • 兼容IE6,IE7和firefox可以使用的一些css hack:

    .一些问题是浏览器自身的问题,遇到问题发生无法避免的情况下,那就要考虑使用一些css hack了,以下是针对
    IE6,IE7和firefox可以使用的一些css hack:
    (1)




    a: 针对区别IE6 和IE7/firefox, 可以在要区别的代码后面跟上!important
    注意:ie6也认识!important;只要ie7/ie8/ff优先执行!important的属性。
    例:#test{
        float:left;
        (1)
        (2)
    }
    最终显示:ie6下test是红色,而ie7/ie8/ff优先执行(1),所以test是蓝色

    b:针对IE7/firefox 在css的前面加 [xmlns], 如下面的left属性,如果我想要只针对IE7/IE8/firefox起作用,写法如
    下:
    [xmlns] #ltest {
      line-height: 28px; color: rgb(101, 95, 87); font-size: 16px; orphans: 2; widows: 2;"> border:4px solid #999;
     padding:5px;
     200px;
     height:200px;
    }

    c: 只针对IE6起作用
    (1)可以在属性前面加上下划线:
    *html #test {

     _ line-height: 28px; color: rgb(101, 95, 87); font-size: 16px; orphans: 2; widows: 2;">}
    (2)可以在css前面加* html,如:
    *html #test {
      line-height: 28px; color: rgb(101, 95, 87); font-size: 16px; orphans: 2; widows: 2;">}

    d: 只针对IE7起作用,在css里前面加*+html,如:
    *+html #test {
     
    }

    e:针对ie6/ie7/ie8认识,ff不认识,在css属性值后边加9,如:
    #test {
     
     
    }

    (2)
    //将所有ie7以上的浏览器降级到ie7,就不用调节ie8以及以上的兼容了

     
    出处:http://xiaogai1010.blog.163.com/blog/static/137170308201224094398/
  • 相关阅读:
    「UVA12293」 Box Game
    「CF803C」 Maximal GCD
    「CF525D」Arthur and Walls
    「CF442C」 Artem and Array
    LeetCode lcci 16.03 交点
    LeetCode 1305 两棵二叉搜索树中的所有元素
    LeetCode 1040 移动石子直到连续 II
    LeetCode 664 奇怪的打印机
    iOS UIPageViewController系统方法崩溃修复
    LeetCode 334 递增的三元子序列
  • 原文地址:https://www.cnblogs.com/bxzz/p/4184921.html
Copyright © 2011-2022 走看看