html - GIF 作为 css 背景图片

标签 html css background-image

我在css中有这样的东西

.ajax-loader {
    background-image: url(../images/icon/loader.gif);
}

并像这样用在 HTML 元素上

<div class='ajax-loader'></div>

我的问题是:

如果在单个页面中多次使用ajax-loader样式,图像loader.gif会被多次加载还是只加载一次?

最佳答案

这个图片会加载一次。这很简单,就像面向对象编程。定义一个类,到处使用。在css中也是如此。

一旦加载了图像,你就可以在任何地方使用它,这也是一个很好的编程方法

关于html - GIF 作为 css 背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12883608/

相关文章:

jquery-ui - 在 3D css 元素上使用 Jquery .draggable() 进行 3D 旋转

javascript - jQuery 和 svg 文件

html - 梯形截面,剪切背景图像

html - Div 中的自动调整大小不起作用

html - 是否有一个 css 函数允许我在一行中设置位置的顶部、右侧、底部和左侧的值?

jquery - 在 WordPress 中预览主题

javascript - 通过 JavaScript 更改 CSS 属性

Javascript UndoManager 浏览器支持

javascript - jQuery load() 函数更改输入文本的高度

css - 即使缓存在 IE7 中,背景图像加载或显示延迟