當前位置:首頁 » 背景圖片 » 網頁製作預覽不顯示背景圖片
擴展閱讀
女人的胸成長圖片 2025-09-25 00:31:51
黑暗的表情包搞笑圖片 2025-09-25 00:30:48
插畫手繪唯美圖片星空 2025-09-25 00:12:01

網頁製作預覽不顯示背景圖片

發布時間: 2022-08-25 23:33:18

A. 網頁製作中設置了背景圖片,為何預覽的時候顯示不出來

具體原因有以下幾種:
第一:圖片寫在前端代碼中不顯示。
在設置圖片時,例如,圖片放置在img文件中。那麼在代碼中調用的路徑就應該為<img src="img/XXX.jpg"></img>。如果,在img文件夾前還有其他文件夾,那麼就加入絕對路徑.應該寫為/xxx/img/xxx.jpg 這樣就可以顯示出來了!

第二:圖片寫入CSS中不顯示。
在CSS中一般寫入的方式為:background:url(../img/xxx.jpg)這樣的格式去寫的!倘若無法顯示可以將寫為絕對路徑。具體寫法為:background:url(http://www.yang-q.cn/img/xxxx.jpg)或者為:background:url{../XXX/XXX/img/xxx.jpg} 如果按照以上方式還不能顯示。那麼就檢查下前端代碼中是否調用帶CSS路徑。檢查好路徑就可以顯示出來!

B. html中背景圖片顯示不出來

html中背景圖片顯示不出來,是設置錯誤造成的,解決方法如下:

1、首先,在「pc6」下載站下載一個名稱為「AveDesktopSites」的軟體,下載成功後,如圖:「單擊打開軟體「。

C. css網頁製作 為什麼背景圖片顯示不了

第1,字元編碼調整為utf-8,你當前使用的是gb2312

第2,background-image屬性當中所書寫的有誤,用實際路徑,而且文件夾名字最好不要用中文(基本的開發規范和標准),不要用編碼後的字元串,如:

background:url('../images/HTML5-學堂.jpg')

第3,你的路徑不要寫錯,在谷歌或者其他瀏覽器當中,點擊F12鍵,調出控制台,查看是否有錯誤,如果有文件沒有載入成功,則說明你的相應文件沒有成功引入

第4,body當中需要有內容,默認body的高度是由內容撐開的,沒有內容body就沒有高度,背景圖自然無法看到

最後,建議你弄本書系統的學一學,裡麵包括一些類名的命名,書寫的規范,在你代碼當中都有不少不合適的地方,畢竟學東西是為了有實際的用處,既然要寫代碼,寫的規范一些,按照開發行業標准來寫豈不是更好。HTML與CSS方面,推薦《HTML5布局之路》,JS,可以藉助《Head First JavaScript程序設計》來入門

D. dreamweaver 為什麼在網頁中打開時背景圖不見了

在同一台電腦上製作和打開,由於圖片沒有和網頁放在一個文件夾中,或者是放在一個文件夾中,但是存放圖片的文件夾名稱變了,所以看不到背景圖。

1、首先點擊打開Dw CS6,點擊HTML新建一張網頁。

E. 在製作網頁時背景圖片顯示不出是為什麼

這沒關系的,因為這個圖片名稱經過MD5加密過,只要你的圖片能正常顯示就OK,你要看到真實代碼就要在本地打開,而不要在打開這個網頁文件後再以"查看頁源代碼"的形式來打開

F. 用Dreamweaver做出的頁面為什麼在瀏覽器里無法顯示背景圖片

基本原因是設置錯誤或者背景圖片不存在,可按以下步驟重新設置:

1、啟動Dreamweaver,按ctrl+n新建html文檔;

2、設計視圖點擊底部body標簽,然後點擊屬性面板頁面屬性按鈕;


G. 為什麼製作網頁看不到背景圖片呢

兄弟教你一招,遇到圖片不出來的情況,
一,先把background 背景圖片 換成red
如果連紅顏色都不出來的話,你的圖片肯定不會顯示出來
這時候你就要想了,這個東西到底在哪裡,google瀏覽器審核元素 右鍵查看
二,如果說是紅色出來的情況,那麼就是你的圖片地址錯誤或者 設置不對

H. 為什麼我在css中設定的背景圖片在瀏覽的時候不顯示

圖片路徑的問題。

1、圖片和網頁放在同一目錄下:background-image:url("圖片.jpg"。

2、圖片放在一個image目錄下,並且image目錄和網頁在同一目錄下:background-image:url(「image/圖片.jpg」)。

3、圖片放在一個image目錄下,並且image目錄和網頁不在同一目錄下:background-image:url(「../image/圖片.jpg」)//兩個點加一個左斜杠代表該程序的根目錄。

(8)網頁製作預覽不顯示背景圖片擴展閱讀:

注意事項

注意::在css樣式表中寫的background-image:url(圖片的路徑為相對本css文件的路徑,而不是我們通常認為的相對加入css樣式的網頁的路徑);

例如:在當前目錄下有 index.html 和 css文件夾(裡麵包含:css.css) 和 images文件夾(裡麵包含top.jpg)

錯誤的認為和寫法:background-image:url("images/top.jpg"); 錯誤的認為圖片的路徑應該是針對index.html網頁來說的。

正確的認為和寫法:background-image:url("../images/top.jpg");圖片的路徑應該寫的是相對css.css文件的路徑

其中 ../ 表示的是上一級目錄,不要寫成 ./ 這是表示當前目錄。