CSS 适用于 Firefox 但不适用于 IE9答案

【问题标题】：CSS works in Firefox but not IE9CSS 适用于 Firefox 但不适用于 IE9
【发布时间】：2012-07-13 02:00:20
【问题描述】：

我遇到了一个带有 href 的浮动 div 的问题。该链接在 FF 中有效，但在 IE9 中无效。我希望这很简单，但我只能摸不着头脑。对某人来说很容易获得积分！

您会在页面底部看到“适用于健康保险、人寿保险或医疗保险”，然后是一个带有 Click 的大红色圆圈。我有一个 div 位于那个红色圆圈上，并且在 div 周围有一个链接。它适用于 Firefox 和 Chrome，但不适用于 IE。不知道为什么不。

对于它的价值，当我向 div 添加背景以查看它有多大时，该链接在 IE 中可以正常工作。但是当我删除它时，链接消失了。好像宽度有问题。

【问题讨论】：

【解决方案1】：

有趣...通过 IE 的开发人员工具检查结构（只需按 F12），链接内的 div 似乎在正确的位置，但链接只有在您单击其右侧时才有效...

-- 编辑--

您的“For-health-click-here” div 正在叠加链接。您可以将其声明移动到链接之前的位置（您也必须重新调整链接位置）或弄乱它的 z-index。

【讨论】：

【解决方案2】：

不确定这是否是问题.. 但是将块元素 (div) 放入内联元素 (a) 是无效的 html 并且可能会在 IE 中窒息？

更多详情请见here。

【讨论】：