在我们的网站http://www.dimagi.com上，靠近屏幕顶部的 jQuery 菜单中的项目在悬停时获得背景颜色。最右边列表项（“关于我们”）的悬停背景颜色在文本的最右边缘被切断，似乎只在 WebKit 中（在 Windows XP 中测试 Safari 和 Chrome）。
谁能看到我在 CSS 中可能做错了什么？或者这是一些不起眼的 WebKit 错误？
user259431
问问题
1177 次
1 回答
0
背景被剪掉了，因为你在一个内联元素中有一个块元素，而盒子模型对两者的工作方式完全不同。如果您将display属性设置为#dropmenu > litoinline-block而不是inline它将起作用，但我不知道 IE 如何处理它。另一个选项是将其设置为display: block并浮动lis。无论哪种方式，您都必须对菜单 CSS 进行一些修改。
我通过使用 Chrome 的开发者工具来解决这个问题，直到我让它看起来不错。如果您不熟悉它，它是一个与 Firefox 中的 FireBug 非常相似的工具。对调试 CSS 非常有用。
于 2010-01-26T17:54:10.557 回答