CSS引入圖片時(shí)路徑問題

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

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

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

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

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

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

就在你這個(gè)CSS文件所在的文件夾里。而如果你這個(gè)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)；這樣寫路徑是因?yàn)閙ain.js和image文件夾都是在css目錄下的。

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

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

6、使用CSS background-image 屬性即可達(dá)到要求。對(duì)瀏覽器支持：所有瀏覽器都支持 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中的圖片路徑是相對(duì)于css文件而不是html文件的，比如你附圖中的那個(gè)png圖片，應(yīng)該位于css文件的上級(jí)目錄的images子目錄的kpjh子目錄中，否則就出錯(cuò)。

3、html中無法引用圖片 CSS就可以，原因無他，圖片路徑在html中寫錯(cuò)了，請(qǐng)仔細(xì)檢查圖片路徑。css中的圖片路徑和html中的路徑是不一樣的，因?yàn)橄鄬?duì)路徑的問題。