IE7:嵌套的内联元素导致父代表像块一样

时间:2011-10-04 16:27:31

标签: html css internet-explorer

我有一个链接,我用图标和边框设置样式,看起来像一个按钮。它在除IE7之外的所有浏览器中都能正常工作。带边框的<a>标签正在扩展以填充其父级的宽度 - 它的作用就像一个块。如果我删除了<b>标记图标,那很好。

注意:<a><b>都显示:inline-block,应该在Exploder 7中支持,因为它们是自然的内联元素。我尝试在我的ie7样式表中给他们标准修复(zoom:1,display:inline;)。没运气。 我已经尝试了我能想到的每个变焦,位置和显示组合;我查看了各种帖子;任何帮助深表感谢!

这是jsfiddle:http://jsfiddle.net/aF894/

1 个答案:

答案 0 :(得分:0)

删除text-index: -9999px;将使其正常工作。

IE7有一些奇怪的边缘,你需要考虑让它像其他浏览器一样在IE7中显示。但是,这应该在一个看起来像你的单独样式表中处理。

仍可在其他浏览器中使用。

http://jsfiddle.net/aF894/8/