嘿，我正试图让这个导航很好地工作：
http://www.moreheadplanetarium.org/redesign/nav.html
我无法弄清楚为什么“当前”选项卡的背景图像会延伸到链接的跨度后面。它不会在其他状态（正常和悬停）上执行此操作 - 我已经在这些状态下使用不同的图像对其进行了测试，因为没有标签你无法真正分辨。
这让我发疯，该技术适用于活动和悬停，但不适用于“当前”项目的特殊课程。帮助将不胜感激！谢谢~
问问题
673 次
1 回答
0
我不确定您如何认为背景图像无法延伸到跨度后面。span 标签位于锚元素内部，如下所示：
+-----------+
| +-----+|
| | ||
| +-----+|
+-----------+
span 标签不会像这样延伸到锚标签之外：
+--------+
| +------+
| | |
| +------+
+--------+
它对所有状态都执行相同的操作，不同之处在于，对于正常和悬停状态，跨度背景没有透明部分可以看到锚点背景（除非您非常仔细地查看阴影）。
解决方案是不要在背景图像上使用透明度。让它变得坚实，看起来像背景上的阴影。
这也将解决双重阴影的问题。如果您仔细观察，您会注意到 span 标签中背景图像的阴影被添加到锚标签中背景图像的阴影中，从而在它们重叠的地方产生更暗的阴影。在选项卡的最左侧，只有锚标记的背景，阴影更亮。双阴影效果在所有选项卡上，但对于正常和悬停状态，它是如此微妙，以至于您必须知道它在那里才能看到它。
于 2009-11-11T17:36:41.287 回答