【问题标题】:Button Inconsistency in IE7 with padding带有填充的 IE7 中的按钮不一致
【发布时间】:2011-10-23 06:17:03
【问题描述】:

我已经设法通过 CSS 提高了button 元素的一致性,但 IE7 仍然表现不佳。 IE7 中按钮宽度增加 2px,IE7 中按钮高度增加 4px。

请参阅:http://jsfiddle.net/ZJQN2/2/ 使用 IE7

所有其他浏览器似乎都是一致的。

我该如何解决这个问题,让我伤心的是身高!

【问题讨论】:

    标签: css cross-browser internet-explorer-7


    【解决方案1】:

    您可以使用 hack 并添加仅适用于 ie 的特殊 css 属性:

     *+html .yourDiv{height: XXpx;}
    

    如果这是导致问题的原因,请使用低 4px 的值

    如果您对 IE 的 hack 更感兴趣,请考虑使用 css hacks for IE 访问此链接,我已经给出了 similar problem 的答案

    【讨论】:

    • 哦,这是一个糟糕的建议。如果有的话,条件注释是针对旧 IE 版本的更好方法。您建议的 hack 似乎总是在一段时间后反击,并且对可维护性来说是地狱。 quirksmode.org/css/condcom.html
    • @mkk 由于各种原因,我想避免定义特定的按钮高度。我很高兴包含 ie7.css(通过 PHP 检测),但我需要强制 IE7 与其他所有浏览器保持一致。我不能仅仅为了取悦 IE7 而介绍所有浏览器的高度。
    • @Bazzz:我同意,所有内容都写在链接中。
    猜你喜欢
    • 2013-05-26
    • 2021-12-02
    • 2017-03-26
    • 2013-03-02
    • 1970-01-01
    • 1970-01-01
    • 2011-07-04
    • 2017-10-18
    • 2011-11-19
    相关资源
    最近更新 更多