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

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

无论如何,这里是页面:http://www.insurancedepotdentalonline.com/

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

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

【问题讨论】:

  • 它在 IE9 中对我来说工作正常。
  • 我早些时候通过在浮动 div 中放置一个透明图像并在其周围添加链接来修复它。

标签: css internet-explorer firefox


【解决方案1】:

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

-- 编辑--

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

【讨论】:

  • 我认为这与浮动有关。如果我删除浮动,链接看起来是正确的,但定位都是一团糟。我会尝试和它一起玩。
【解决方案2】:

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

更多详情请见here

【讨论】:

    猜你喜欢
    • 2013-02-19
    • 1970-01-01
    • 1970-01-01
    • 2012-06-22
    • 2018-05-05
    • 2015-02-20
    • 1970-01-01
    • 1970-01-01
    • 2015-05-07
    相关资源
    最近更新 更多