【问题标题】:Odd glitch causes content to move when hovering over an image奇怪的故障导致内容在悬停在图像上时移动
【发布时间】:2011-04-13 03:34:16
【问题描述】:

我的网站在 Internet Explorer 7/8/9 中出现问题。这是我如何重现它:

  1. 转到http://pieterdedecker.be/
  2. 将鼠标悬停在“编程:软件和网站”下的第四个图标上。
  3. 将鼠标慢慢移向带有蜡烛的缩略图。
  4. 触发鼠标悬停时,图像会向下移动几个像素。

奇怪的是:当我从样式表中删除这条 CSS 规则时,网站运行正常:

ul.grid > li > a > img:hover {
    border: 2px solid #007FFF;
}

这里发生了什么?

更新:这是一个演示该问题的视频。 http://www.screentoaster.com/watch/stUE5QREZKRFtXRFtfWFNQVV9c

【问题讨论】:

  • 我添加了一个视频来展示发生了什么。查看更新后的帖子。

标签: html css internet-explorer rendering


【解决方案1】:

老实说,我没有看到它,所以我不能给你一个 100% 准确的答案,但你确定不是边界导致了这种轻微的变化吗?

【讨论】:

    【解决方案2】:

    彼得, 您是否尝试过为“ul.grid > li > a > img”定义样式?如果您没有定义链接的所有状态,我已经看到会发生这种情况。我的猜测是它与边界有关?

    【讨论】:

    • 我的 CSS 代码已经包含了 ul.grid > li > a > img 的定义。
    猜你喜欢
    • 2016-05-29
    • 1970-01-01
    • 2012-08-07
    • 1970-01-01
    • 1970-01-01
    • 2017-08-22
    • 1970-01-01
    • 2019-10-20
    • 1970-01-01
    相关资源
    最近更新 更多