網(wǎng)站頁(yè)面導(dǎo)入css,圖片等文件的相對(duì)路徑和絕對(duì)路徑問(wèn)題

. 代表當(dāng)前所在目錄， 相對(duì)路徑 。如：文本或；.. 代表上一層目錄， 相對(duì)路徑 。如：文本或；../../ 代表的是上一層目錄的上一層目錄，相對(duì)路徑。 如：；/ 代表根目錄， 絕對(duì)路徑 。

成都創(chuàng)新互聯(lián)專注于恭城網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供恭城營(yíng)銷型網(wǎng)站建設(shè)，恭城網(wǎng)站制作、恭城網(wǎng)頁(yè)設(shè)計(jì)、恭城網(wǎng)站官網(wǎng)定制、重慶小程序開(kāi)發(fā)公司服務(wù)，打造恭城網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供恭城網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

．HTML相對(duì)路徑指由這個(gè)文件所在的路徑引起的跟其他文件（或文件夾）的路徑關(guān)系。

做好的網(wǎng)頁(yè)在自己機(jī)器上可以正常瀏覽，而把頁(yè)面?zhèn)鞯椒?wù)器上就總是出現(xiàn)看不到圖片，css樣式表失效等錯(cuò)誤。

CSS設(shè)置背景圖片路徑格式

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

2、在index.html中的標(biāo)簽中，輸入css代碼：body {background-image： url(img/image.jpg)}。瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)成功把同級(jí)的img文件夾中的image.jpg用css設(shè)置為了背景圖片。

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

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

5、就是./點(diǎn)杠，上一級(jí)就是../點(diǎn)點(diǎn)杠。

CSS引用圖片相對(duì)路徑符號(hào)怎么寫(xiě)?

1、在使用相對(duì)路徑時(shí)，我們用符號(hào)“.”來(lái)表示 當(dāng)前目錄 ；用符號(hào)“..”來(lái)表示 當(dāng)前目錄 的父目錄。

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

3、就是./點(diǎn)杠，上一級(jí)就是../點(diǎn)點(diǎn)杠。

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

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

CSS設(shè)置圖像背景通過(guò)使用background-image屬性，我們可以預(yù)先設(shè)置上傳到服務(wù)器的圖像作為背景。background-image： url(圖像的路徑)；在url中，輸入要用作背景的圖像文件的路徑。

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

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

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

網(wǎng)站欄目：css樣式加載圖片路徑 css圖片路徑
標(biāo)題來(lái)源：http://aaarwkj.com/article30/dgeppso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、域名注冊(cè)、標(biāo)簽優(yōu)化、網(wǎng)站設(shè)計(jì)公司、微信公眾號(hào)、動(dòng)態(tài)網(wǎng)站

廣告

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