html - 悬停时布局更改

标签 html css webkit

最近我在 http://www.lua.org/docs.html 中注意到一件非常奇怪的事情– 当我将鼠标悬停在封面图片旁边的链接上时,布局会发生变化!

我在 Safari 中看到了这个,但在 Firefox 中没有。有些人报告说它也发生在 Chrome 中。

该页面在 http://validator.w3.org/ 处通过了验证程序. 相关的 CSS 位于 http://www.lua.org/lua.css。 .

这似乎是一个 Webkit 错误。有人也看到了吗?有任何建议的修复方法吗?

最佳答案

看起来像这样

hspace="12"

在每个 img 内标记可能导致它。

<img src="images/pil2.jpg" alt="" title="buy from Amazon" border="1" align="left" hspace="12">

当我移除它时,神经质就会消失。

<罢工> hspace已弃用。也许 webkit 只支持部分?

你是对的@lhf。

不过,我想我现在找到了。这是 blockquote那是围绕图像和链接。

当我从 HTML 中删除它时,一切都已修复。

关于html - 悬停时布局更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7829685/

相关文章:

javascript - 设计 JQuery/Ajax 站点向后兼容非 JavaScript 浏览器

jquery - 悬停图像在 FF Chrome 中抖动,但在 IE10 中则不然

css - 什么是更快/更高效的 CSS 样式

javascript - 使用 Javascript/CSS 绘制 PNG 中的所有像素(不包括透明)?

css - WebKit:带有 css scale + translate3d 的模糊文本

html - 标题与我的滚动条 HTML/CSS 重叠

html - 横竖固定表头表格html

html - 填充不适用于输入类型 radio

javascript - 如何在谷歌地图中添加我们自己的div而不是信息窗口?

html - 选择 optgroup 标题作为选项