【发布时间】:2009-11-11 07:15:38
【问题描述】:
我有一个问题最好通过示例来说明:http://dont.net/DesigningIntro/index.html
这里最后一个“汽车外饰”完全打开,但没有像其他小酒吧那样正确打开。将鼠标悬停在其他链接上时它会被隐藏。
我希望它显示出来,即使我将鼠标悬停在其他选项卡上也不会被隐藏。
有什么建议吗?
【问题讨论】:
标签: javascript jquery html css
我有一个问题最好通过示例来说明:http://dont.net/DesigningIntro/index.html
这里最后一个“汽车外饰”完全打开,但没有像其他小酒吧那样正确打开。将鼠标悬停在其他链接上时它会被隐藏。
我希望它显示出来,即使我将鼠标悬停在其他选项卡上也不会被隐藏。
有什么建议吗?
【问题讨论】:
标签: javascript jquery html css
看起来问题是.jimgMenu ul li.car_ext a 元素中的car_L.jpg 图像由于min-width css 标签而以某种方式移动到下一行。删除它会导致图像在不悬停时被动画设置为 56px 宽。不是你想要的。
但是,我通过为.jimgMenu Div 设置背景图像使其工作。在此处查看结果:http://jsbin.com/ayutu 并在此处查看代码:http://jsbin.com/ayutu/edit
【讨论】:
我不能 100% 确定这是否会导致您的问题,但看起来您的标签之前有一个评论标签的结尾。我会尝试删除它,看看它是否能解决问题。
【讨论】:
当您第一次进入该页面时,有 9 个手风琴面板。当您将鼠标悬停在 1 上时,只有 8 个。
那么,即使在悬停时,您是否也有 9 个面板的控制设置?也许您需要在悬停时清除最后一个面板,以便控件知道回收空间,然后将其放回鼠标。
接下来的问题可能是控件将调整大小,因为现在缺少最后一个面板,因此最大宽度会更小。
【讨论】:
也许您忘记了 56x330 像素的“汽车外观”图片?此外,“Interior”没有带有垂直字母的图像。
那么您没有很好地引用它们,因为如果我使用 Firefox 的附加 Web 开发人员工具栏搜索您页面上的图像,它不会找到汽车外部或内部的图像。
【讨论】: