html - 将鼠标悬停在图像上时,奇怪的故障会导致内容移动

标签 html css internet-explorer rendering

我的网站在 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

最佳答案

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

关于html - 将鼠标悬停在图像上时,奇怪的故障会导致内容移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3725735/

相关文章:

css - IE 在每行末尾渲染尾随空白

javascript - html 选择列表 - 当大小为 10 时显示所选值

jquery - 为什么用jquery加载到另一个html文件的html不能正确显示?

jquery 重新排序 div

jquery - tumblr 的随机背景颜色选择器

javascript - IE 不支持 JQuery window.location.hash?

css - 将 Bootstrap 组件排成一行

jquery - 堆叠的 div 背景图像为黑色

javascript - 添加多个按钮到表单

html - href to asd#zxc.txt(文件名包含数字符号),目标为 ="_blank"for IE