【问题标题】:Images on Hover悬停时的图像
【发布时间】:2009-11-11 07:15:38
【问题描述】:

我有一个问题最好通过示例来说明:http://dont.net/DesigningIntro/index.html

这里最后一个“汽车外饰”完全打开,但没有像其他小酒吧那样正确打开。将鼠标悬停在其他链接上时它会被隐藏。

我希望它显示出来,即使我将鼠标悬停在其他选项卡上也不会被隐藏。

有什么建议吗?

【问题讨论】:

    标签: javascript jquery html css


    【解决方案1】:

    看起来问题是.jimgMenu ul li.car_ext a 元素中的car_L.jpg 图像由于min-width css 标签而以某种方式移动到下一行。删除它会导致图像在不悬停时被动画设置为 56px 宽。不是你想要的。

    但是,我通过为.jimgMenu Div 设置背景图像使其工作。在此处查看结果:http://jsbin.com/ayutu 并在此处查看代码:http://jsbin.com/ayutu/edit

    【讨论】:

    • 天哪,非常感谢,非常感谢。你为我做得很好。我是一名网页设计师,从 2007 年开始工作。这是我的一些创意网页设计。如果您需要任何网站设计,请告诉我....它将免费提供给您。 flickr.com/photos/40193310@N05/sets/72157621801792608/detail
    【解决方案2】:

    我不能 100% 确定这是否会导致您的问题,但看起来您的标签之前有一个评论标签的结尾。我会尝试删除它,看看它是否能解决问题。

    【讨论】:

    • 什么都没有发生亲爱的,即使删除突出显示。
    【解决方案3】:

    当您第一次进入该页面时,有 9 个手风琴面板。当您将鼠标悬停在 1 上时,只有 8 个。

    那么,即使在悬停时,您是否也有 9 个面板的控制设置?也许您需要在悬停时清除最后一个面板,以便控件知道回收空间,然后将其放回鼠标。

    接下来的问题可能是控件将调整大小,因为现在缺少最后一个面板,因此最大宽度会更小。

    【讨论】:

    • 如果我把 zip 文件发给你,你能解决一下吗?因为我从最近 2 小时开始就在尝试。但一切都是徒劳的。
    • 我可以试试看!但我有点在工作,所以我真的无法给予我 100% 的关注。
    • 由于显而易见的原因,我无法提供我的电子邮件,因此您必须以其他我能找到的方式提供它。请记住,您在此处发布的(所有内容)都对全世界开放。不确定您希望如何进行。
    【解决方案4】:

    也许您忘记了 56x330 像素的“汽车外观”图片?此外,“Interior”没有带有垂直字母的图像。

    那么您没有很好地引用它们,因为如果我使用 Firefox 的附加 Web 开发人员工具栏搜索您页面上的图像,它不会找到汽车外部或内部的图像。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-09-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-30
      • 2012-03-13
      • 2015-11-03
      • 1970-01-01
      相关资源
      最近更新 更多