WebKit不会为最终内联列表项的整个宽度绘制背景颜色

时间:2010-01-26 17:32:46

标签: css list webkit background-color

在我们的网站http://www.dimagi.com上,靠近屏幕顶部的jQuery菜单中的项目在悬停时获得背景颜色。最右边列表项(“关于我们”)的悬停背景颜色在文本的最右边被切断,看似仅在WebKit中(在Windows XP中经过测试的Safari和Chrome)。

任何人都能看到我在CSS中可能做错了什么吗?或者这是一些模糊的WebKit错误?

1 个答案:

答案 0 :(得分:0)

背景正在被剪裁,因为你在一个内联元素中有一个块元素,而盒子模型的工作方式却截然不同。如果您将display的{​​{1}}属性设置为#dropmenu > li而不是inline-block,它将起作用,但我不知道IE如何处理它。另一种选择是将其设置为inline并浮动display: block。无论哪种方式,你都必须对CSS菜单进行一些改造。

我通过玩Chrome的开发者工具来解决这个问题,直到我让它看起来正确。如果您不熟悉它,它与Firefox中的FireBug非常相似。非常适合调试CSS。