h5中div屬性加載不出背景圖片 css設(shè)置背景圖片不顯示問(wèn)題
圖片的鏈接URL不對(duì)，你需要引用絕對(duì)路徑或同目錄的子目錄文件應(yīng)用路徑，或?qū)D片轉(zhuǎn)為Base64。
絕對(duì)路徑（例）
background-image:url(https://zhidao.baidu.com/images/test.jpg)
相對(duì)路徑（例）
background-image:url(/images/test.jpg)
Base64路徑（例）
background-image:url(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)
div+css 背景圖片顯示不出來(lái)
1、看路徑對(duì)不對(duì)，中文路徑支持不支持。2、看格式對(duì)不對(duì)，有米有多了少了空格、分號(hào)、括號(hào)這些。3、看輸入對(duì)不對(duì)，就是有沒(méi)有符號(hào)用錯(cuò)，用成中文符號(hào)的情況有沒(méi)有。
我在css文件里給div添加背景圖片但是不行?如下圖,其他沒(méi)什么地方寫錯(cuò)...
1、圖片的地址寫錯(cuò)了，特別是相對(duì)路徑的時(shí)候?qū)戝e(cuò)，注意該地址的相對(duì)路徑是相對(duì)于你的CSS文件地址的路徑。你可以用絕對(duì)路徑，就是整個(gè)背景圖片完整地址寫進(jìn)去看是否生效。2、背景圖片缺失，就是你這個(gè)背景圖不存在。你可以看下把你背景鏈接在瀏覽器中鍵入，看是否路徑正確。3、如果12都沒(méi)有錯(cuò)，外層DIV背...
兩個(gè)div嵌套 都設(shè)置了背景 但是里面的div的背景顯示不出來(lái) 為什么
你不用使用絕對(duì)定位，你把后邊的屬性去掉，看能顯示出來(lái)不，你要的是透明效果吧，顯示出來(lái)你在調(diào)整圖片位置等屬性！
div怎么設(shè)置背景圖片
2、 然后我們?cè)趆tml的body區(qū)域添加一個(gè)div，并且給div設(shè)置一下寬高以及邊框的樣式；3、運(yùn)行程序以后，你就會(huì)看到如下圖所示的div區(qū)域，我們接下來(lái)就要給這個(gè)區(qū)域添加背景圖片；4、然后我們回到html文檔，在div的樣式規(guī)則里面添加background-image屬性，給此屬性指定一個(gè)圖片路徑，運(yùn)行以后你就會(huì)看到背景圖片...
div為什么插入背景不顯示?
你好，截圖這段代碼沒(méi)有問(wèn)題，檢查一下，是不是路徑寫的有問(wèn)題。url寫的是 ..\/images\/圖片\/tu.png ， html文件就是在一個(gè)和images同級(jí)目錄下面。以上，希望我的回答對(duì)你有幫助，如有其他問(wèn)題可隨時(shí)追問(wèn)。
div插入圖片為什么顯示不出來(lái)
原因有很多：1.圖片路徑不對(duì) 2.div層的樣式是display:none 3.如果插入的是背景圖片，需要給它寬度和高度。上海全鼎軟件學(xué)院”畢業(yè)的———
建立了div,直接用css插入背景圖片,為什么在dw窗口中看不見圖片,用F12...
這是正常現(xiàn)象，DW的設(shè)計(jì)視圖顯示不顯示都無(wú)所謂，我們要看的是在瀏覽器里面的效果，而不是DW理的效果，可以直接無(wú)視
用dw軟件中的div設(shè)置了背景圖片 但是在瀏覽器一直顯示不出來(lái)
顯示不出來(lái)是因?yàn)槁窂讲粚?duì)。舉個(gè)列子：下面有2個(gè)文件夾，文件夾a是你的主目錄，文件夾images放著你的背景圖片tu.jpg，你的網(wǎng)頁(yè)在文件夾a里面。那么你的網(wǎng)頁(yè)里面的圖片地址應(yīng)該是<img src="images\/tu.jpg">,假設(shè)你的網(wǎng)頁(yè)在文件夾b里面，那么你的網(wǎng)頁(yè)里面的圖片地址應(yīng)該是<img src="..\/images\/tu....
div里面的ul標(biāo)簽設(shè)置了position屬性,div的背景圖片消失了
ul設(shè)置絕對(duì)定位，脫離文檔流，而id為div1的div沒(méi)有設(shè)置寬高，背景圖片自然就沒(méi)有了。請(qǐng)?jiān)O(shè)置一下div1的寬高，背景圖片就有了.
css設(shè)置背景圖片不顯示問(wèn)題
4、第一步，執(zhí)行完上面的操作之后，保存html代碼，使用瀏覽器將其打開，這時(shí)，滾動(dòng)瀏覽器滾動(dòng)條，發(fā)現(xiàn)背景圖像與瀏覽器滾動(dòng)條的滾動(dòng)一起滾動(dòng)，見下圖，轉(zhuǎn)到下面的步驟。5、第一步，執(zhí)行完上面的操作之后，使用“background-attachment: fixed”設(shè)置為不使用滾動(dòng)條滾動(dòng)的問(wèn)題，返回html代碼頁(yè)并添加“back...
相關(guān)評(píng)說(shuō)：
泰州市回風(fēng)： ______ 應(yīng)該是這種情況吧,你定義的div有給出固定的寬度和高度沒(méi),要這2者都給出來(lái);這是div里面沒(méi)東西的時(shí)候,這樣才能顯示背景圖片;如果DIV里面有東西,那請(qǐng)把代碼粘貼出來(lái).
泰州市回風(fēng)： ______ div中的背景圖片在css中顯示不出來(lái),而在div的style中可以顯示,若圖片地址沒(méi)有填寫錯(cuò)誤,請(qǐng)查看css鏈接地址是否正確,能否正確調(diào)用css中的數(shù)據(jù). <div class=＂sf＂ style=＂background-image: url('images/9050.jpg')＂></div> 在div中設(shè)置...
泰州市回風(fēng)： ______ 1,css沒(méi)有被調(diào)用 2,css圖片地址不對(duì) 3,div的高度沒(méi)有固定,是auto或者沒(méi)有設(shè)值 4,div被嵌套5,div代碼不規(guī)范 CSS(層疊樣式表)是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言.CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè),還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化.有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表:外部樣式表、內(nèi)部樣式表和內(nèi)聯(lián)樣式.CSS具有精簡(jiǎn)代碼,降低重構(gòu)難度、提升網(wǎng)頁(yè)訪問(wèn)速度、利于SEO優(yōu)化等優(yōu)勢(shì),能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力.
泰州市回風(fēng)： ______ <style> .t{backgroundcolor:red;} .dd{backgroundcolor:blue;}</style><div class=＂t＂> <div class=＂dd＂></div></div>//展示背景色為blue,是因?yàn)?dd把.t的背景色覆蓋.//背景圖片也是如此
泰州市回風(fēng)： ______ 是不是沒(méi)寫對(duì)路徑啊? 選對(duì)文件夾:比方說(shuō)你在css文件夾里,和images是同一級(jí)別的,要退出css文件夾,再進(jìn)入images文件夾,要寫成:../images/1.jpg. 再者看你寫的代碼,如果設(shè)置背景顏色了,再設(shè)背景圖片就不顯示了.
泰州市回風(fēng)： ______ css定義div背景圖片不顯示,可能是圖片地址不對(duì),或者css屬性設(shè)置不對(duì).如案例css樣式:.pic-top { width:950px;height:244px; background-attachment: fixed; background-image: url(images/banner_r4_c2.jpg); background-repeat: no-repeat; ...
泰州市回風(fēng)： ______ 兩種可能:1.調(diào)用出來(lái)了,可能是你的圖片是白色的,所以看不出來(lái),或者調(diào)用到圖片的白色色塊;2.css寫錯(cuò),如圖片路徑錯(cuò)了,或者代碼沒(méi)寫規(guī)范或者寫錯(cuò).
泰州市回風(fēng)： ______ 這是因?yàn)樵趇 、li 、a這些標(biāo)簽中添加背景時(shí)都需要給一個(gè)寬高,或者display:block.讓他成為塊元素.否則他沒(méi)有寬高.只有一條線或者一個(gè)點(diǎn)那么大怎么顯示背景啊
泰州市回風(fēng)： ______ 您好,最好確認(rèn)下你的css是不是在本頁(yè)面中 如果是存在在別的css文件中,路徑是會(huì)存在問(wèn)題的 ,其他屬性可以實(shí)現(xiàn),說(shuō)明圖片路徑的確是存在問(wèn)題的 不妨你可以試一下background-image: url(＂../images/9050.jpg＂);有沒(méi)有用 還有你在本頁(yè)...
泰州市回風(fēng)： ______ height:100%高度這個(gè)屬性是相對(duì)于父元素說(shuō)的,貌似必須設(shè)置html和body的高度為100%才可以.html,body{ height:100%; } 你加上這句試試.
