网站地图 | Sitemap | Rss
  • 您当前位置:网站首页 >> 视觉设计 >> CSS样式兼容IE6,IE7的技巧
  • CSS样式兼容IE6,IE7的技巧

    来源:逍遥峡谷 发布时间:2012-11-17 浏览0条评论
    内容简介

    本文链接:http://www.icoa.cn/a/620.html

    做网页的时候,经常碰到其他浏览器使用都很正常,但是不兼容IE6或者IE7的情况。虽然现在最新的IE9、IE10都在趋向于兼容标准的CSS属性,但是IE6在我天朝的市场占有率还是很高的,短时间无法淘汰,所以不得不面临CSS样式必须向下兼容IE6的问题。

    下面两种办法基本上可以解决兼容IE6、IE7以及现在流行的谷歌浏览器Chrome、火狐浏览器Firefox、IE9和IE10的问题:

    1, !important

    随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

    PLAIN TEXT
    CSS:

    #wrapper
    {
    width: 100px!important; /* IE7以上浏览器 */
    width: 80px; /* IE6 */
    }


    但是有时候我们会遇到同样的CSS样式针对IE6和IE7以上的属性冲突的情况,所以我们可以分别针对IE6和IE7来定义CSS属性:

    2, 对IE6/IE7分别定义属性

    *+html 与 *html 是IE特有的标签, 其他浏览器不支持.而*+html 又为 IE7特有标签.

    PLAIN TEXT
    CSS:

    #wrapper { width: 120px; } /* 默认定义 */
    *html #wrapper { width: 80px;} /* 只支持ie6 */
    *+html #wrapper { width: 60px;} /* 只支持ie7, 注意前后顺序 */


    注意:
    *+html 对IE7的HACK 必须保证HTML顶部有如下声明

    PLAIN TEXT
    HTML:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


    这样我们遇到某些属性只能支持IE6或者IE7的情况下使用第二种方法。

    本文链接:http://www.icoa.cn/a/620.html
    关键词:

    为了网站的访问体验,本站无广告和弹窗
    如果您愿意支持,请扫码随意打赏、全凭自愿~


    上一篇:拍摄人像剪影的9个技巧

    下一篇:简单DIV+CSS浮动在线客服代码,支持IE6


    - 相关文章 -


    什么是广告诉求点? - 2009-07-31

    改进网页可读性的7个方法 - 2009-07-31

    经典的Logo的设计实例zt - 2010-06-26

    十五种网站最差的用户体验设计(经典收藏) - 2010-06-18

    威客中国提供的设计软件绿色版下载 - 2011-10-22

    限定输入框只能输入数字 - 2011-04-08

    3DS MAX 快捷键大全zt - 2011-03-10

    3ds DxDDS.bmi未能初始化解决办法 - 2010-02-21


    - 文章评论 -




    5847

    [由于政策原因,您的留言如果提交成功后,需要审核才能展示,请改天再来查看,请不要重复提交,谢谢支持!]

    - 最新评论[0条评论] -


    [>>>点击查看更多评论]

    逍遥峡谷 逍遥乱弹 张立博 爱之路 酷品优选 宝贝派

    版权所有©逍遥峡谷 - 智能中央超自然局·地球总部
    Copyright©Intelligence Central Occult Agency (I.C.O.A)
    本局纯属虚构,如有雷同,纯属巧合
    冀ICP备06033848号