【问题标题】:CSS .Hover Image Loading SlowCSS .Hover 图像加载缓慢
【发布时间】:2010-03-28 10:29:15
【问题描述】:

我有一个提交按钮,当用户将鼠标悬停在它上面时会发生变化。现在图像需要一段时间才能加载,你会得到半秒钟的时间,那里有白屏而不是另一个按钮。有没有办法只使用 CSS 和 HTML 来改进这一点,还是我需要做一些 JS 工作?

【问题讨论】:

    标签: css hover mousehover


    【解决方案1】:

    使用sprite image,然后在悬停时切换背景位置。这样可以确保悬停时显示的图像已经下载。

    【讨论】:

    • 虽然我也注意到精灵的失误。
    • 嗯。我从未见过这种行为。
    【解决方案2】:

    CSS Sprites

    并在 DOM 准备好时加载 css sprite,这可以在用户将鼠标悬停在提交按钮上之前“预加载”图像:)

    【讨论】:

    • 这个答案和durilai的有什么不同?
    • “预加载”与“已下载”有何不同??
    • @pixeltochode :好吧,就是这样:我花了 2 分钟搜索我的书签并在提交这个答案之前测试了 css sprite 链接,所以这就是为什么它比上面那个晚了 2 分钟.我的意思是不要试图获得滴答声或任何东西,只是觉得这可能对@Splashlin 有帮助。如果您觉得这是一个重复的答案,那很好。我们可以结束这个提问吗?
    猜你喜欢
    • 2018-10-17
    • 1970-01-01
    • 2021-04-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-18
    • 2016-01-18
    • 1970-01-01
    相关资源
    最近更新 更多