Css設(shè)置背景圖片不顯示的問(wèn)題

1、打開(kāi)html開(kāi)發(fā)軟件，新建一個(gè)html代碼頁(yè)面。

鹽城網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

2、在html代碼頁(yè)面的body標(biāo)簽里面輸入多行段落文字，用于后面瀏覽器滾動(dòng)條滾動(dòng)的時(shí)候查看圖片時(shí)候隨滾動(dòng)條而滾動(dòng)條。

3、設(shè)置背景圖片樣式。在title標(biāo)簽后面創(chuàng)建一個(gè)style標(biāo)簽，然后在這個(gè)標(biāo)簽里設(shè)置body標(biāo)簽的背景圖片，以及背景圖片不重復(fù)。

4、保存html代碼后使用瀏覽器打開(kāi)，這個(gè)時(shí)候滾動(dòng)瀏覽器滾動(dòng)條發(fā)現(xiàn)背景圖片是隨瀏覽器滾動(dòng)條的滾動(dòng)而滾動(dòng)的。

5、使用background-attachment: fixed設(shè)置背景圖片不隨滾動(dòng)條而滾動(dòng)?；氐絟tml代碼頁(yè)面，在body樣式中添加上background-attachment: fixed即可。

6、保存html代碼頁(yè)面后刷新瀏覽器，這個(gè)時(shí)候滾動(dòng)瀏覽器滾動(dòng)條發(fā)現(xiàn)背景圖片已經(jīng)固定不隨瀏覽器滾動(dòng)而滾動(dòng)了。

網(wǎng)頁(yè)設(shè)計(jì)中的css背景圖片不能顯示

1.如圖在樣式設(shè)計(jì)窗口中設(shè)置方框的寬度和高度就可以了

2.可能是圖片的命名及格式問(wèn)題。

3.可能是瀏覽器的不兼容。

css背景圖片無(wú)法顯示

那就是圖片的路徑有問(wèn)題了，這個(gè)路徑是相對(duì)于css文件所在的路徑，不是html文件的路徑，你確認(rèn)一下。另外，你的照片模糊不清，貌似url的右括號(hào)用的是全角的么，這個(gè)也要檢查一下?？傊?，背景顏色沒(méi)問(wèn)題，背景圖片出不來(lái)，那問(wèn)題肯定就出在url開(kāi)始到行末分號(hào)這個(gè)范圍內(nèi)的文字。

為什么我在css中設(shè)定的背景圖片在瀏覽的時(shí)候不顯示?

圖片路徑的問(wèn)題。

1、圖片和網(wǎng)頁(yè)放在同一目錄下：background-image:url("圖片.jpg"。

2、圖片放在一個(gè)image目錄下，并且image目錄和網(wǎng)頁(yè)在同一目錄下：background-image:url(“image/圖片.jpg”)。

3、圖片放在一個(gè)image目錄下，并且image目錄和網(wǎng)頁(yè)不在同一目錄下：background-image:url(“../image/圖片.jpg”)//兩個(gè)點(diǎn)加一個(gè)左斜杠代表該程序的根目錄。

擴(kuò)展資料：

注意事項(xiàng)

注意：：在css樣式表中寫的background-image:url(圖片的路徑為相對(duì)本css文件的路徑，而不是我們通常認(rèn)為的相對(duì)加入css樣式的網(wǎng)頁(yè)的路徑);

例如：在當(dāng)前目錄下有 index.html 和 css文件夾(里面包含：css.css) 和 images文件夾（里面包含top.jpg）

錯(cuò)誤的認(rèn)為和寫法：background-image:url("images/top.jpg"); 錯(cuò)誤的認(rèn)為圖片的路徑應(yīng)該是針對(duì)index.html網(wǎng)頁(yè)來(lái)說(shuō)的。

正確的認(rèn)為和寫法：background-image:url("../images/top.jpg");圖片的路徑應(yīng)該寫的是相對(duì)css.css文件的路徑

其中? ? ?../? ? ?表示的是上一級(jí)目錄，不要寫成 ./ 這是表示當(dāng)前目錄。

css添加背景圖片無(wú)法顯示

您好，最好確認(rèn)下你的css是不是在本頁(yè)面中 如果是存在在別的css文件中，路徑是會(huì)存在問(wèn)題的 ，其他屬性可以實(shí)現(xiàn)，說(shuō)明圖片路徑的確是存在問(wèn)題的 不妨你可以試一下background-image: url("../images/9050.jpg");有沒(méi)有用

還有你在本頁(yè)你試一下

style

.sf{

background-image: url("images/9050.jpg");

width: 111px;

height: 363px;

}

/style

div class="sf" 123/div

這樣能顯示的話就代表你原來(lái)的的確是css路徑問(wèn)題。

如果此css與頁(yè)面不在一個(gè)目錄下 那么背景的路徑將會(huì)改變 希望留意一下

還有樓上所說(shuō)的 圖片后面的地址不用加引號(hào)，否則可能會(huì)引起部分瀏覽器不能顯示的錯(cuò)誤。