【问题标题】:CSS Help with Padding on Hover Mac/FF 6悬停 Mac/FF 6 上的填充 CSS 帮助
【发布时间】:2011-08-25 18:38:35
【问题描述】:

我在使用 Mac/FF 6 悬停时遇到了一个有趣的闪烁问题

复制:
* 调整窗口大小,使“玻璃”一词(在“黑漆玻璃”中)不可见。
* 您只看到“黑漆漆”。
* 现在,将鼠标悬停在左右移动的“Black-Painted”上。对我来说,光标在箭头图标和指针图标之间闪烁。
* 如果我将鼠标悬停在“Insulated Glass Units”上,然后悬停在“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;
}

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

想法?

【问题讨论】:

    标签: css


    【解决方案1】:

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

    min-width: 870px 为我工作。

    860px改成860px也没什么坏处,因为还是比常用的960px少。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-27
      • 1970-01-01
      • 1970-01-01
      • 2018-10-09
      相关资源
      最近更新 更多