我在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/
想法?
答案 0 :(得分:1)
您可以稍微增加min-width
body
以进行补偿。
min-width: 870px
适合我。
从860px
更改它没有任何害处,因为它仍然低于常用的960px
。