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

时间:2011-08-25 18:38:36

标签: css

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

要复制:
*调整窗口大小,使“玻璃”(在“黑色彩绘玻璃”中)一词不可见 *你只能看到“黑画” *现在,将鼠标悬停在“Black-Painted”上左右移动。对我来说,光标在箭头图标和指针图标之间闪烁 *如果我将鼠标悬停在“绝缘玻璃单元”上,然后将鼠标悬停在“黑涂”上并停止移动鼠标......那么我真的会有一些严重的眨眼动作。

我相信这个问题的存在是因为悬停有一个填充权;窗口具有最小宽度,这也有助于这种闪烁效果。最后,如果我从第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;
}

最小宽度似乎被忽略了,当然,不再眨眼。我无法在小提琴中重现,但它在这里:http://www.silverica.com/oops/ribbon-blink/

想法?

1 个答案:

答案 0 :(得分:1)

您可以稍微增加min-width body以进行补偿。

min-width: 870px适合我。

860px更改它没有任何害处,因为它仍然低于常用的960px