当前位置: 首页 > 面试题库 >

如何知道CSS背景图片何时加载?是否触发了事件?

东郭宏深
2023-03-14
问题内容

我有一个具有图像背景的侧边栏小部件。

在此上方是搜索输入表单。我不希望输入在图像加载之前显示。

有没有一种方法可以将load事件处理程序附加到CSS背景图像(如正常的img元素/对象)?

我知道可以在普通图像上完成此操作,但是我想将其保留为CSS背景,因为该图像是sprite的一部分。我使用的是jQuery,因此使用jQuery或纯DOMJS的解决方案同样不错。


问题答案:

您可以使用DOM/隐藏图像加载同一图像,然后绑定到该load事件。浏览器的缓存应注意不要两次加载图像,如果图像已经加载,则事件应立即触发…未经测试,很难。



 类似资料:
  • 问题内容: 我想在body标签上设置背景图片,然后运行一些代码-像这样: 如何确定背景图像已完全加载? 问题答案: 尝试这个: 这将在内存中创建新映像,并使用load事件检测何时加载src。

  • 问题内容: 我已经按照所有的教程讲完话了。我在CSS样式表中的身体内部指定了背景,但是页面仅显示空白的白色背景。图片与.html和.css页面位于同一目录中。本教程说 已弃用,所以我在CSS中使用 没有成功。这是整个CSS样式表: 问题答案: 这是另一个图片网址结果..工作正常…我只是放了一个图片路径..请检查一下..

  • 问题内容: 我正在尝试在CSS中使用背景图片,但是即使我给出了图片的完整路径,也无法正常工作。Firebug显示“无法加载给定的URL”。我确定该文件夹中没有权限问题。我的CSS课是 是什么原因引起的? 问题答案: 您正在使用本地路径。那真的是你想要的吗?如果是,则需要使用前缀: 显然,这仅在您的本地计算机上有效。 此外,在许多现代浏览器中,仅当页面本身也位于本地文件路径上时,此方法才有效。从远程

  • 问题内容: 编辑现有答案以改善此职位。它目前不接受新的答案或互动。 在什么情况下,与CSS相对,使用HTML 标签显示图像更合适,反之亦然? 影响因素可能包括可访问性,浏览器支持,动态内容或任何类型的技术限制或可用性原则。 问题答案: 正确使用IMG 使用,如果你打算让人们打印您的网页,你想被默认包含在图像。-JayTee 当图像具有重要的语义含义(例如警告图标时,请使用(带有文本)。这确保了可以

  • 问题内容: 如何使用CSS翻转任何背景图片?可能吗? currenty我使用这个箭头图像中background-image的liCSS中 开启:visited我需要水平翻转此箭头。我可以这样做来制作另一个箭头图像,但我只是好奇地知道是否有可能在CSS中翻转图像:visited 问题答案: 在看到Alex的答案出现翻转的线索后,我发现只翻转背景而不是整个元素的方法。谢谢亚历克斯的回答 HTML CS

  • 问题内容: 我有一条通用规则,该规则为所有DIV提供背景图像。 我有一个div(id =’a’),但我不希望它具有背景图像。 我必须给它什么CSS规则? 问题答案: 尝试: