我有一些 CSS line-height: 18px 的按钮控件。有些是输入控件 type="button"，另一些是样式化为像输入控件一样显示为按钮的锚点。在 FF3.6.12/IE8 中，它们显示相同的高度，但在 IE7 中，锚点的高度较短。如何让它们在 IE7 中正确显示？
我拿了你的演示：http://jsfiddle.net/DnGvF/ http://jsfiddle.net/DnGvF/
并在最后添加了这个 CSS：http://jsfiddle.net/gRF9g/ http://jsfiddle.net/gRF9g/
/* ie7 fixes */
.Footer input[type=button],
.Footer input[type=submit]
{
overflow: visible;
*height: 24px;
*line-height: 15px
}
对那里发生的事情的一些解释：
- IE7 中有一个已知错误
overflow: visible修复与按钮宽度相关的问题。尝试在 IE7 中使用和不使用它来查看我的演示。
- 我正在使用明星财产黑客 http://en.wikipedia.org/wiki/CSS_filter#Star_hack提供改变
height and line-height仅适用于 IE7 及更低版本。如果需要，您可以调整我选择的数字。
- 该 hack 是无效的 CSS，但使用它没有问题。它永远不会回来咬你——这是一个“安全的黑客”。不过，如果您需要 100% 有效的 CSS，还有其他选择。
现在看起来 IE7 和更高版本之间是一致的。
是的，这有点混乱，但至少它都在 CSS 中集中在一个地方，并且有清晰的注释。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
