首页  >  文章  >  web前端  >  jquery不显示图片背景怎么办

jquery不显示图片背景怎么办

藏色散人
藏色散人原创
2023-02-07 10:26:281696浏览

jquery不显示图片背景是因为路径不正确,其解决办法:1、打开相应的js文件;2、通过“let src='clock/img/afternoon.png';them_icons.css('background','url('+src+')')”方式重新设置背景图片即可。

jquery不显示图片背景怎么办

本教程操作环境:Windows10系统、jquery3.2.1版、DELL G3电脑

jquery不显示图片背景怎么办?

jquery中解决设置图片不显示

jquery中解决设置背景图片无法显示

let src='clock/img/afternoon.png';
them_icons.css('background','url('+src+')')

主要问题在于路径这块,相对路径是html文件相对与图片的路径,而不是js文件相对于图片的路径。

相关知识拓展:

jq实现通过点击按钮更换图片

45a3fd772503bda1505f90a49e8280d.jpg

附jq代码:

$(function(){
$("#btn1").click(function(){
$("img").attr("src","img/01.jpg")
})
$("#btn2").click(function(){
$("img").attr("src","img/02.jpg")
})
$("#btn3").click(function(){
$("img").attr("src","img/03.jpg")
})
});

推荐学习:《jQuery视频教程

以上是jquery不显示图片背景怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn