在我们的网站http://www.dimagi.com上,靠近屏幕顶部的jQuery菜单中的项目在悬停时获得背景颜色。最右边列表项(“关于我们”)的悬停背景颜色在文本的最右边被切断,看似仅在WebKit中(在Windows XP中经过测试的Safari和Chrome)。
任何人都能看到我在CSS中可能做错了什么吗?或者这是一些模糊的WebKit错误?
答案 0 :(得分:0)
背景正在被剪裁,因为你在一个内联元素中有一个块元素,而盒子模型的工作方式却截然不同。如果您将display
的{{1}}属性设置为#dropmenu > li
而不是inline-block
,它将起作用,但我不知道IE如何处理它。另一种选择是将其设置为inline
并浮动display: block
。无论哪种方式,你都必须对CSS菜单进行一些改造。
我通过玩Chrome的开发者工具来解决这个问题,直到我让它看起来正确。如果您不熟悉它,它与Firefox中的FireBug非常相似。非常适合调试CSS。