修复css图像菜单

我想创建一个基于css的图像翻滚导航栏。出于某种原因，我无法将图像放在正确的位置。我希望有人能帮忙。修复css图像菜单

2010-09-06 glw

我可能会担心2.5MB的背景图片，以及页面在处理时髦的盘旋之前无法放入1024像素宽的事实。 – msw 2010-09-06 02:38:37

是的，BG图像是我可以很容易地修复的东西，并且页面的尺寸是给我的，所以这个东西我现在不会担心。虽然目前我没有答案，但盘旋是项目。 – glw 2010-09-06 03:13:31

“出于某种原因”我的上帝，如果这个导航真的起作用了，我会吃掉我的鞋子。给“li”和锚点一个大纲，然后看到它们在你悬停在每个项目上时疯狂地跳来跳去。我建议你从头开始这个... – 2010-09-06 05:58:43

突出显示的第一件事情之一是您试图使用postion：绝对，但您没有定义父容器的位置。为了使绝对定位起作用，父元素必须具有默认静态位置以外的位置。

您似乎也正在使用显示：块在一堆地方，它是冗余（LI已经是块元素）或不需要，因为你显示菜单项内联。使用diplay：block将要显示的元素作为块后面插入换行符。

2010-09-06 05:25:06

好吧，我会带着位置走：亲戚;为父容器。并将取出所有冗余显示属性。感谢您的建议。你认为，调整图像位置是修复翻转图像弹出的正确答案吗？ – glw 2010-09-06 06:04:49

一旦你完成了绝对定位，所以它可以正常工作，它应该很容易定位每个翻转。它看起来像你需要它们在同一个地方弹出，因为图像似乎占了标签位置。一旦这些图像排列起来，您就可以将链接间距混淆在一起。 – 2010-09-06 13:46:52

太棒了！感谢您的帮助。 – glw 2010-09-07 15:49:26

您没有将导航栏悬停区域定位正确，可能是为它们添加了一些边距？

2010-09-06 02:38:03

是的，这是我不能修复的问题，我不知道为什么悬停区域下降这样。我不知道通过增加利润率，它会解决这个问题......但我可能是错的。我会尝试。 – glw 2010-09-06 02:50:25

当我使用开发工具检查导航时，发现悬停区域不在该位置 – 2010-09-06 04:34:32

是的，您是正确的，现在隐藏文本的间距并不完美。我正在调整它，因为我键入，但即使我现在正确的空间，我仍然坚持，如何适当调整图像翻转？ – glw 2010-09-06 06:18:23

回答