在jquery中添加背景图片background-image容易出错的地方，路径出错

最新推荐文章于 2023-05-23 11:00:40 发布
原创 最新推荐文章于 2023-05-23 11:00:40 发布 · 1.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #js #css

本文指导读者如何正确地在CSS中使用背景图片，强调了不要在相对路径前添加'..'，并提供了实际的错误与正确写法对比。

这里容易出错的是导入路径问题

错误写法：

$("body").css("background-image","url('../image/bg1.jpg')")

正确写法：

$("body").css("background-image","url('image/bg1.jpg')")

不要在路径前加 ../

使用jQuery设置元素的背景图
2301_79326510的博客
09-22 446
通过使用上述的jQuery代码，你可以轻松地设置元素的背景图及其相关属性。记得将路径替换为你实际的图片路径，并根据需要调整其他属性的值。假设你有一个元素，它的id为"my-element"，你想要设置它的背景图。首先，确保你已经将jQuery库引入到你的HTML文件中。希望本文能够帮助你理解如何使用jQuery设置元素的背景图。一旦引入了jQuery库，你就可以使用其中的函数和方法来操作HTML元素了。如果你希望设置其他背景图属性，比如重复方式、位置等，你可以在。方法，同时设置了背景图的重复方式为不重复(
怎样通过jquery为div设置背景图片
kerryqpw的博客
02-17 1505
jquery怎样为div设置背景图片 　$(....).css("background-image", "url(....)"); $("#scene_pic_wrap_01").css("background-image","url("+url_path+")").css(" background-repeat","no-repeat").css('backg...
jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了
热门推荐
大任的网络专栏
02-26 14万+
jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了 $(this).css("background-image","url(on.jpg)");
JQuery修改background-image背景图片
小糖穿越火线
10-31 3908
JQuery修改background-image背景图片 使用： var src = ' ../resource/images/top-img.png'; $("#videoCoverLayer").css('background-image', 'url(' + src + ')'); 等于： background: url("../resource/images/top-img.p...
jquery设置背景图片
Jimmy_Lee
01-22 7825
$(this).css("background-image","url(on.jpg)");
将代码中出错的图片进行修改，选取合适的图片
06-24
使用CSS多背景（当不支持onerror时）：-设置background-image为多个url，第一个是正常图片，第二个是默认图片-注意：如果第一张图片加载成功但有透明部分，会看到第二张图片用户的问题是在HTML代码中替换错误的图片...
jquery mobile开发手机webapp页面（二）上传功能
阿拉丁@的博客
03-08 5161
uploadifive上传插件在项目中的应用
html 结合jquery制作一个上传图片文件的内容
最新发布
10-06
下面是一个使用 HTML 结合 jQuery 实现的图片文件上传功能示例。该功能支持： - 选择图片文件后预览； - 使用 AJAX 将图片上传到服务器（模拟）； - 显示上传进度和结果。 --- ### ✅ 功能说明 我们将使用以下...
jquery 原生控件 超大文件分片校验上传 易迁移 webuploader springboot
银河系天城知识宝库_技术专家蒋浩宇
12-23 493
效果 启动控件选择文件 上传中暂停 上传成功 页面包结构 后台三给类 目录 效果 启动控件选择文件 上传中暂停 上传成功 页面包结构 后台三给类 思路介绍 前段代码 动态加载js、css方法 介绍 核心加载上传文件js包 介绍 调用方法 页面代码 介绍 css代码 思路介绍 1.页面进行采用webuploader实现 2.后台进行分块上传和分块校验 3.后台进行检查每一个块是否上传 4.最后...
JQuery知识点
胖大xian
01-14 354
JQuery一、jquery介绍二、jquery加载三、jquery选择器四、jquery样式操作五、绑定click事件六、jquery特殊效果七、jquery链式调用八、jquery动画九、尺寸相关、滚动事件十、jquery属性操作十一、jquery循环十二、jquery事件十三、事件冒泡十四、事件委托十五、jquery元素节点操作十六、滚轮事件与函数节流十七、json十八、ajax与jsonp十九、本地存储二十、jqueryUI 一、jquery介绍 jQuery是目前使用最广泛的javascript函
jquery 设置背景图片
努力搬砖的小码
05-23 381
【代码】jquery 设置背景图片。
jquery设置网页背景图片
friendan的专栏
05-01 1654
jquery设置网页背景图片 $('body').css("background-image","url(/images/BK2.jpg)"); $('body').css("background-size", "100% 100%"); $('body').css("background-repeat", "no-repeat"); ...
jq图片懒加载，支持background-image背景图
linss
01-29 1841
jq图片懒加载，支持background-image背景图 修复旧版以background-image背景图方式加载图片时用 placeholder 图片提前占位功能失效的bug 完整代码：https://gitee.com/foreign-project/jquery-lazyload 图片调用方法： 为图片加入class名lazy 图片路径引用方法用data-original <style> /* 以背景图方式加载时需要设置该样式 */ .commodity-img{
jquery 背景图片_使用jQuery的美丽背景图片导航
culiao9310的博客
09-28 427
View demo 查看演示Download Source 下载源In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items ...
如何使用jquery 动态修改元素的 background-image？
一份耕耘 一份收货
06-13 3万+
var s = "images/" + row + ".jpg";//row是table的当前行 　　$("body").css("background-image","url(s)"); 　　这样子设置的background-image就是url(s)，JavaScript代码当中的s变量并没有如你期望的那样子扩展开来。 　　对JavaScript的运用不熟悉。 　　var s = "image
jquery动态修改background-image
qq_41797053的博客
12-05 1万+
<div class="wer" > <!-- <img src="./image/1.jpg" alt=""> --> </div> <p id="one" data-serial='1' data-next="true">下一张</p> <p id="two&q
jQuery的css()如何修改背景图片
irose的博客
10-07 7302
html,这是空的，当然我们需要引入jQuery <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no...
jq点击修改背景background-image
有问题可关注公众号：前端研究院 后台输入问题回复
06-08 4969
正确写法：$(‘.jiaohuan_X’).css(‘background-image’,’url(“图片名称.png”)’); 记住url必须写错误写法 $(‘.jiaohuan_X’).css(‘background-image’,’(“图片名称.png”)’); 这边没有url是错误的，因为本身就是background-image 啊~~~~
jq通过css设置背景图片不生效问题
weixin_44283589的博客
11-04 1448
这样写不会生效,找不到路径 $('.box').css('background-image','url(../img/mx1.png)'); 要写成 $('.box').css('background-image','url("../img/mx1.png")');
jquery.image-label.js插件：图片特征标签管理解决方案
- **图像识别后的特征展示**：在机器学习和人工智能领域，图像识别技术可以识别图片中的对象，然后jquery.image-label.js 插件可以用来在这些对象上添加描述标签，以方便用户快速理解图片内容。 - **交互式教程和...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值