jquery不顯示圖片背景是因?yàn)槁窂讲徽_,其解決辦法:1、打開相應(yīng)的js文件;2、通過“l(fā)et src='clock/img/afternoon.png';them_icons.css('background','url('+src+')')”方式重新設(shè)置背景圖片即可。
本教程操作環(huán)境:Windows10系統(tǒng)、jquery3.2.1版、DELL G3電腦
jquery不顯示圖片背景怎么辦?
jquery中解決設(shè)置圖片不顯示
jquery中解決設(shè)置背景圖片無法顯示
let src='clock/img/afternoon.png'; them_icons.css('background','url('+src+')')
登錄后復(fù)制
主要問題在于路徑這塊,相對(duì)路徑是html文件相對(duì)與圖片的路徑,而不是js文件相對(duì)于圖片的路徑。
相關(guān)知識(shí)拓展:
jq實(shí)現(xiàn)通過點(diǎn)擊按鈕更換圖片
附j(luò)q代碼:
$(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") }) });
登錄后復(fù)制
推薦學(xué)習(xí):《jQuery視頻教程》