⑴ css設置背景圖片不顯示問題
代碼編寫有問題。
解決的方法和詳細的操作步驟如下:
1、第一步,打開html開發軟體並創建一個新的html代碼頁面,見下圖,轉到下面的步驟。
⑵ 為什麼我在css中設定的背景圖片在瀏覽的時候不顯示
圖片路徑的問題。
1、圖片和網頁放在同一目錄下:background-image:url("圖片.jpg"。
2、圖片放在一個image目錄下,並且image目錄和網頁在同一目錄下:background-image:url(「image/圖片.jpg」)。
3、圖片放在一個image目錄下,並且image目錄和網頁不在同一目錄下:background-image:url(「../image/圖片.jpg」)//兩個點加一個左斜杠代表該程序的根目錄。
(2)代碼背景圖片為什麼不顯示擴展閱讀:
注意事項
注意::在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文件的路徑
其中 ../ 表示的是上一級目錄,不要寫成 ./ 這是表示當前目錄。
⑶ A標簽的背景圖片為什麼不顯示出來 .
A標簽的背景圖片不顯示出來,是設置錯誤造成的,解決方法如下:
1、首先新建一個空白的HTML文檔。
⑷ css添加背景圖片無法顯示
您好,最好確認下你的css是不是在本頁面中 如果是存在在別的css文件中,路徑是會存在問題的 ,其他屬性可以實現,說明圖片路徑的確是存在問題的 不妨你可以試一下background-image: url("../images/9050.jpg");有沒有用
還有你在本頁你試一下
<style>
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
}
</style>
<div class="sf" >123</div>
這樣能顯示的話就代表你原來的的確是css路徑問題。
如果此css與頁面不在一個目錄下 那麼背景的路徑將會改變 希望留意一下
還有樓上所說的 圖片後面的地址不用加引號,否則可能會引起部分瀏覽器不能顯示的錯誤。
⑸ 我html的背景圖片顯示不出來 代碼應該也沒有問題。
你好,看了你的代碼,你的代碼出現了嚴重的問題,樣式格式不對,難怪你會顯示不出來呢。你看一下你body那裡的CSS樣式寫的,看清楚了嗎,是不是很嚴重啊,你既然已經加了樣式了,就不能這樣設置了,我把修改的給你:
<body style=「background:url(123.jpg) no-repeat」>
這里的意思就是顯示不重復的背景圖像,這里除了no-repeat外,還有repeat-x表示X軸平行重復顯示,repeat-y表示Y軸垂直重復顯示。這兩個你可以嘗試一下。
也許你不想加樣式,原本就是直接加背景圖像,加到body就行了,那你直接將其修改為:
<body background="123.jpg">
這樣就可以不加樣式直接加背景圖像了
還有一點就是你要記住,圖像地址一定要存在的,而且是相對地址,不要絕對地址,要不然你上傳空間就看不到了。
所以我說你代碼嚴重錯誤了吧,希望我的回答能令你滿意!
⑹ 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程序設計》來入門
⑺ HTML設置了背景圖片但是顯示不出來
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Title</title>
<style>
body
{
background-image:url("http://img06.tooopen.com/images/20160811/tooopen_sy_175126843516.jpg");
}
</style>
</head>
<body>
<table>
<tr><th>北京圖片源於網路</th></tr>
</table>
</body>
</html>
不知道你是怎麼寫的,光看你的style部分倒是沒錯,但是有可能你把body標記寫掉了,從而導致style樣式找不到元素,當然也有可能是別的原因。你可以復制我上面的代碼,這個是引用的網路圖片,先看看效果。
⑻ html中背景圖片顯示不出來
html中背景圖片顯示不出來,是設置錯誤造成的,解決方法如下:
1、首先,在「pc6」下載站下載一個名稱為「AveDesktopSites」的軟體,下載成功後,如圖:「單擊打開軟體「。
⑼ css插入背景圖片時背景圖片顯示不出
css添加背景圖片無法顯示,有以下幾方面原因:
1、css沒有被調用;請檢查css調用是否成功。
2、css圖片地址不對;請檢查css圖片地址是否正確。
3、div的高度沒有固定,是auto或者沒有設值;div設置錯誤容易導致背景圖片高度太大則無法顯示。
4、div被嵌套;查看嵌套的div是否設置正確。
5、div代碼不規范;請檢查div代碼是否書寫正確。
⑽ 網頁製作中設置了背景圖片,為何預覽的時候顯示不出來
具體原因有以下幾種:
第一:圖片寫在前端代碼中不顯示。
在設置圖片時,例如,圖片放置在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路徑。檢查好路徑就可以顯示出來!