當前位置:首頁 » 高清圖片 » css背景圖片不顯示
擴展閱讀
女生和渣男搞笑圖片 2023-08-31 22:07:09
嘻嘻長什麼樣圖片 2023-08-31 22:06:10

css背景圖片不顯示

發布時間: 2022-01-13 01:05:30

Ⅰ css 無法顯示背景圖片

你沒有把代碼發出來,我也不好斷定。但根據你的描述,我猜測是你圖片路徑錯了。圖片路徑應該是相對於css文件的位置,不是相對於頁面文件的位置!
比方說:
首頁文件是:index.aspx
CSS文件位置是:/css/css.css
圖片位置是:/img/bg.gif
首頁這樣引入:<link href="/css/css.css" type=text/css rel=stylesheet>
css中的背景代碼應該是:
{background:url(../img/bg.gif)}

Ⅱ div+css:背景圖片無法顯示

修改後

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<link type="text/css" rel="stylesheet" href="index.css" />
<title></title>
</head>
<body>
<div id="aaa">
</div>
</body>
</html>

index.css:
#aaa {
background: url(images/shadow.gif) no-repeat ;
width:200px;
height:200px;
border:1px solid blue;
}

Ⅲ 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與頁面不在一個目錄下 那麼背景的路徑將會改變 希望留意一下
還有樓上所說的 圖片後面的地址不用加引號,否則可能會引起部分瀏覽器不能顯示的錯誤。

Ⅳ css插入背景圖片時背景圖片顯示不出是什麼原因

1,css沒有被調用

2,css圖片地址不對

3,div的高度沒有固定,是auto或者沒有設值

4,div被嵌套

5,div代碼不規范

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

圖片路徑的問題。

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

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

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

(5)css背景圖片不顯示擴展閱讀:

注意事項

注意::在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文件的路徑

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

Ⅵ css中背景圖片無法顯示

先確定路徑是否正確
那個url是不是少了一個點,如:
background:url(../img/hswjk-logo.gif)
這個語句改成上面這個試試

Ⅶ div+css中背景圖片顯示不出來

1、打開html開發軟體,新建一個html代碼頁面。

6、保存html代碼頁面後刷新瀏覽器,這個時候滾動瀏覽器滾動條發現背景圖片已經固定不隨瀏覽器滾動而滾動了。

Ⅷ 為div設置背景圖片後,為什麼不顯示背景圖片

沒聽說過div還要設置display:block,div中不需要display:block.

原因:
1、編碼錯誤,即代碼編寫沒有按照規范,屬性名寫錯。

2、圖片路徑不對。

3、使用background來實現背景圖片,可能因為圖片太大或者太小,顯示出來的圖片只有一部分,二者一部分剛好是透明的,造成沒有圖片的效果,因此必須設置background-size來控制圖片的顯示。

4、背景圖片調用方式不對,不能使用本地路徑。

將hanshan.png和當前頁面放在一個目錄,則直接寫成這樣:


#cuyu {
background-image: url(hanshan.png);
height:500px;
width: 1000px;
}


或者將hanshan.png放在images目錄,保證當前頁面和images在同一級目錄,則樣式為:
#cuyu {
background-image: url(images/hanshan.png);
height:500px;
width: 1000px;
}

(8)css背景圖片不顯示擴展閱讀

DIV格式使用方法的注意事項:

<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上,換行是 <div> 固有的特定的格式表現。可以通過 <div> 的 class 或 id 應用額外的樣式。

不必為每一個 <div> 都加上類或 id,雖然這樣做也有一定的好處。

可以對同一個 <div> 元素同時應用 class 和 id 屬性,但是更常見的情況是只應用其中一種。

這兩者的主要差異是,class 用於元素組(類似的元素,或者可以理解為某一類元素),而 id 用於標識單獨的特定的元素。

參考資料來源:網路-DIV

Ⅸ css按鈕背景圖片不顯示

應該是圖片路徑不對,具體參考以下代碼
<style>
.zzjs_net {
font: 12px Tahoma, Verdana;//設置文字大小、字體
padding: 0 5px;//設置間距
color: #D3E0E7;//文字顏色

background-image: url("/img/2010bu.gif");//背景圖片路徑
background-repeat: repeat-x;//橫向不重復
background-position: 0 50%;
outline: 1px solid #D3E0E7;
border: 1px solid #FFF !important;//邊框
height: 19px !important;//高度
border: 1px solid #D3E0E7;//邊框
height: 21px;//高度
line-height: 17px;//行度
}
</style>

<input class="zzjs_net" type="submit" name="rulesubmit" value="同 意" style="height: 23px">「同意」按鈕
<input class="zzjs_net" type="button" name="return" value="不同意" style="height: 23px">「不同意」按鈕