CSS 帮助在 Hover Mac/FF 6 上填充

Question

我在 Mac/FF 6 的 Hover 上有一个有趣的闪烁问题

复制:
* 调整窗口大小，使“Glass”(在“Black-Painted Glass”中)不可见。
* 你只会看到“Black-Painted”。
* 现在，将鼠标悬停在“Black-Painted”上左右移动。对我来说，光标在箭头图标和指针图标之间闪烁。
* 如果我将鼠标悬停在“Insulated Glass Units”上，然后将鼠标悬停在“Black-Painted”上并停止移动鼠标……那么我真的会出现一些严重的眨眼 Action 。

我认为这个问题的存在是因为悬停有一个 padding-right；窗口有一个最小宽度，这也有助于这种闪烁效果。最后，如果我从第 5 行的 CSS 中删除 ul

html, body, div, span, ul, li {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}


#nav-mid li.j:hover {
padding-right: 8px !important;
margin-left: -1px;
padding-left: 1px;
overflow: hidden;
}

min-width 好像被忽略了，自然也就没有再眨眼了。我无法复制，但它在这里:http://www.silverica.com/oops/ribbon-blink/

想法？

Answer 1

您可以稍微增加 body 上的 min-width 来补偿。

min-width: 870px 适合我。

将它从 860px 更改没有坏处，因为它仍然小于常用的 960px。