當前位置:首頁 » 背景圖片 » css背景圖片少了url
擴展閱讀
圖片編輯配電腦 2024-09-24 11:08:31
表情包圖片下載哪個好 2024-09-24 10:48:05

css背景圖片少了url

發布時間: 2024-09-24 08:05:46

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

圖片路徑的問題。

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

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

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

擴展派喚資料:

注意事項

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

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

B. css定義了背景圖片url正確 但執行後顯示不出來

<!--
body{background-image:url(file:///C|/Users/hp/Desktop/09級網頁設計與制

作課程設計(2)/第二部分 CSS/素材二/bg.jpg) background-position:100% 100% no-

repeat}

-->
CSS/素材二/bg.jpg)與 background-position之間沒加分號,所以background-posit之前的CSS就起不到作用,若果加了還不能顯示就是路徑的問題了。

C. 請問在css中 要插入背景圖片 url地址應該怎麼寫

對應的相對路徑這個url是指當前包含CSS的文件 統計目錄的 文件夾 i 的 eg_bg_04.gif 圖片

D. 在css的div中設置背景圖片後背景圖片下移如何解決

更新class樣式

.content{
margin:50pxauto;
height:80px;
background:url(http://static-cdn.dianrong.com/store/dist/images/range_banner.png)topno-repeat;
}


or更新form的style

.form{
margin:0;
padding:0;
}