CSS引入圖片時路徑問題

在 CSS 中引用本地背景圖片可以使用 background-image 屬性，并將圖片路徑指定為本地文件路徑。

創(chuàng)新互聯(lián)公司是專業(yè)的平南網(wǎng)站建設(shè)公司，平南接單;提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行平南網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

如果是外聯(lián)css（css文件與html文件分離的），則css中的圖片路徑是相對于css文件而不是html文件的，比如你附圖中的那個png圖片，應(yīng)該位于css文件的上級目錄的images子目錄的kpjh子目錄中，否則就出錯。

第二種按理來說應(yīng)該是對的，為什么沒生效應(yīng)該從其他地方找原因，比如css的調(diào)用方式。建議把css文件與所用到的圖片放在同一個文件夾，這樣就可以省略路徑，直接寫圖片文件名。另外，引號可以加，也可以不加。

現(xiàn)在在main.js文件里要用show.gif來做背景圖片，那么要這樣來寫：background-image：url(image/td-top-gif)；這樣寫路徑是因為main.js和image文件夾都是在css目錄下的。

空白的div默認(rèn)狀態(tài)下其高度是0的（寬度則是100%），而背景圖片是不會把div自動撐大的，所以如果你想在div中顯示背景圖片（Background-Image），必須給div指定一個高度，否則是看不到效果的。

就在你這個CSS文件所在的文件夾里。而如果你這個CSS是從別人網(wǎng)站上下載下來的，圖片就放在那邊跟CSS同文件夾里。

怎樣設(shè)置CSS背景圖片路徑

1、在 CSS 中引用本地背景圖片可以使用 background-image 屬性，并將圖片路徑指定為本地文件路徑。

2、首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標(biāo)簽中，輸入css代碼：body {background-image： url(img/image.jpg)}。

3、現(xiàn)在在main.js文件里要用show.gif來做背景圖片，那么要這樣來寫：background-image：url(image/td-top-gif)；這樣寫路徑是因為main.js和image文件夾都是在css目錄下的。

4、body{ background-image：url(jpg)；background-attachment：scorll；background-repeat：no-repeat；background-position：top left；} 可以看到背景圖片出現(xiàn)的位置在瀏覽器的左上角，這個和默認(rèn)的設(shè)置是一樣的。

5、通過css：background-image語句設(shè)置背景。background-image 屬性會在元素的背景中設(shè)置一個圖像。根據(jù) background-repeat 屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。

6、使用CSS background-image 屬性即可達(dá)到要求。對瀏覽器支持：所有瀏覽器都支持 background-image 屬性。定義和用法：background-image 屬性為元素設(shè)置背景圖像。

html與css中圖片引用路徑問題

1、首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的style標(biāo)簽中，輸入css代碼：body{background-image： URL(../../image/image.jpg)}。

2、如果是外聯(lián)css（css文件與html文件分離的），則css中的圖片路徑是相對于css文件而不是html文件的，比如你附圖中的那個png圖片，應(yīng)該位于css文件的上級目錄的images子目錄的kpjh子目錄中，否則就出錯。

3、html中無法引用圖片 CSS就可以，原因無他，圖片路徑在html中寫錯了，請仔細(xì)檢查圖片路徑。css中的圖片路徑和html中的路徑是不一樣的，因為相對路徑的問題。

本文標(biāo)題：css樣式引入圖片路徑 css引入圖片使用絕對路徑
網(wǎng)頁路徑：http://vcdvsql.cn/article33/diepcss.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、全網(wǎng)營銷推廣、關(guān)鍵詞優(yōu)化、App開發(fā)、做網(wǎng)站、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)