zoukankan      html  css  js  c++  java
  • ie6、ie7和firefox/chrome关于CSS的兼容问题

    今天又遇到一个兼容性问题:一个ul列表下有一个a标签按钮,ul里每个li设置了margin-bottom为13px,ie6和firefox及chrome显示正常,ie7下最后一个li却紧挨着a标签,没有了13px的距离。

    如果是ie6的兼容,在ul上加_margin-bottom:13px(仅ie6识别)或者margin-bottom:0px !important; margin-bottom:13px;(firefox识别!important,ie6不识别)即可解决。

    但现在是ie7,怎么写才能让ie7识别而其他不识别呢?

    此时,*闪亮登场了。*margin-bottom:13px ie7和ie6可识别。

    ok,结合起来,问题解决,css如下:

    margin-bottom:0px; *margin-bottom:13px !important; *margin-bottom:0px;

    三个分别为firefox的,ie7的,ie6的。

    ---------------------更正--------------------

    关于!important,ie6其实是识别的,只不过有bug;

    比如div {margin-bottom:0px !important; margin-bottom:13px;}这么写,ie6就bug了只认后者;

    但是如果这么写:

    div {margin-bottom:0px !important; }

    div {margin-bottom:13px;}

    ie6还是识别0px的。

  • 相关阅读:
    ajaxUtil
    AJAX学习-----与 XML 文件进行交互式通信
    AJAX-----数据库实例
    AJAX学习-----服务器响应
    AJAX学习-----ASP/PHP 请求实例
    scrapy 反扒措施
    scrapy 中文官网学习
    scrapy 破解图片网站防盗链下载
    scrapy 随机中间件配置
    flask 邮件发送
  • 原文地址:https://www.cnblogs.com/blued/p/2508908.html
Copyright © 2011-2022 走看看