導航:首頁 > 文件目錄 > css文件的相對路徑

css文件的相對路徑

發布時間:2023-05-24 22:55:26

Ⅰ CSS中的圖片路徑如何修改

在CSS文件里,有時要用到background,即加一個背景圖片,一般在做按鈕樣式時會經常用到。
css中加背景圖片根據圖片及css文件的相對位置分一下幾種類型:
1.同包下:background : url(aaa.gif);
2.不同包:
在這種情況下有2中方法可以設置,一種是使用絕對路徑,即http://www.域名.com/aaa.gif這種,不過一般不推薦這么用,不利於項目移植;一種是使用相對路徑,首先需要找到圖片文件和css文件共同的一個根目錄,然後再加上圖片的子目錄,比如:
css文件位置:WebRoot/test/css/a.css
圖片文件位置:WebRoot/platform/resource/images/icons/a.gif
想要找到共同的根目錄就需要用到 "../" 這個路徑的意思是上一級目錄,如果是兩層上級目錄,就是 "../../" 那麼,按照這種寫法的話,a.css中得背景圖片css應該這么寫:
background:url(../../platform/resource/images/icons/a.gif)
詳解:
首先,我們觀察這兩個文件的位置,可以發現,共同的根目錄是WebRoot,
我們首先在a.css的位置找到WebRoot,所以有了"../../" 然後拼接圖片的子目錄的路徑 又有了"platform/resource/images/icons/a.gif" 合在一起後就是上面的結果了。

Ⅱ css相對路徑問題

相對路徑不是css一個文好跡褲件的問題,要看css和html及圖片等文件相互位置關系。

../../../../Desktop/123.png中的「..」相當於上一級目錄,按你寫這句就會到Desktop的上面四級目錄去找123.png這張圖,Desktop的上四級根本就不是友簡你放圖片的位置,當然找不到。

一個項目,文件應該全部放一個目錄裡面:

xxxweb
--index.html或xxx.aspx
--img(放圖片)
--js(放腳本)
--css(放樣州橡式)

Ⅲ css怎麼調不出圖片啊 什麼絕對路徑 相對路徑

圖片應該放在你網站根目錄的"templets/images/dhbg.jif"下
"/"表示網站根目錄,也就是絕對路徑;
而且要通過web伺服器才能看到,直接在本地打開HTML文件是不行的.

注意:相對路徑是相對CSS文件讓纖寬的路徑.
"./" 表示CSS文件所在目錄
"坦亮豎滑../" 表示上一目錄

Ⅳ CSS引用圖片相對路徑符號怎麼寫

需要准備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,打開html編輯器,新建html文件,例如:內index.html。

Ⅳ 網站頁面導入css,圖片等文件的相對路徑和絕對路徑問題

如果是外聯css(css文件與html文件分離的),則css中的圖片路徑是相對於css文件而不是html文件的,比如你附圖中的那個png圖片,應該位於css文件的上級目錄的images子目錄的kpjh子目錄中,否則就出錯。如果網站的目錄結構比較復雜,很難理清文件的相對關系,可以使用絕對路徑,比如說images目錄假如位於網站的根目錄,那麼你可以用/images/kpjh/...,也就是把開頭的兩個小數點去掉。更保險的辦法是在前面加上網址變成完整的url,這樣即使圖片文件放到其他網站也能調用。如果希望得到更簡單的方法,那麼可以把css文件與圖片文件放在同一個目錄,這樣css文件中就不需要再寫圖片的路徑了,直接寫圖片文件名即可

如果是內聯css(css代碼直接寫到html文件中),則圖片路徑是相對於html文件的。

所以你要自己檢查一下圖片路徑是否寫正確,然後根據我上面的說明進行修改。

Ⅵ 為什麼我的CSS相對路徑有問題啊.前面不加 .. 兩個點不行啊

樓主說的扒慧兩種都是相對路徑,只不過第一種是01文件夾不是當前文件夾下的,而第二種是當前文件夾下的文件夾。

絕對路徑是只 http://www..com/xx/01/xx.gif
或者 /xx/01/xx.gif 這種叫做絕對路徑,從站點目錄開始的算起

樓主說的../ 是上一級春如答,或者父路徑的意思。。。

建議,網路一下 相對路徑 絕對路徑 看看概念。。。

——————————————————————————————
就用絕對路徑吧,絕對路徑就是根據站點橡差目錄為根目錄的。如果還有疑問,在線咨詢吧。。

Ⅶ dedecms 怎樣把css絕對路徑改為相對路徑

織夢cms默認的CSS路徑為:/templets/default/css或images或js

而{dede:global.cfg_templets_skin/}同等與/templets/default/,默認的指向此鏈接路徑;

{dede:global.cfg_templets_skin/}的作用是調用默認模版專的目錄,當你的屬CSS文件存放於默認模版指向的路徑時,才可以實現,並不是說你的css調用方式非得如此;

CSS文件夾在根目錄下,此時不能用{dede:global.cfg_templets_skin/}來作為相對路徑,而是/css/

Ⅷ CSS中相對路徑的問題!

相對路徑分為兩種:
一、根相對路徑:以「/」開頭,表示從項目的根目錄開始,如專項目根目錄下屬images圖片目錄中的1.jpg可以表示為url("/images/1.jpg");
二、文檔相對路徑:以當前文件為參照,每下一級以「/」開頭,緊跟著目錄名,最後為文件名,上一級則用「../」。

Ⅸ thinkPHP中css,js文件中路徑問題

apache 默認支持pathinfo模式沒什麼問題
如果是用nginx伺服器的話 默認是不支持pathinfo模式的。就會出版現變數引入錯權誤的問題
解決的方法
location ~ \.php { #去掉$
root H:/PHPServer/WWW;
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_split_path_info ^(.+\.php)(.*)$; #增加這一句
fastcgi_param PATH_INFO $fastcgi_path_info; #增加這一句
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}

Ⅹ css用相對路徑為什麼找不到

相對路徑和絕對路徑,../表示返回上一級,因為css文件在css文件夾里,圖片在images文件夾下,那麼layout.css就需要返回上一級找到images文件夾才能找到相應的圖片。直接文件夾名或是./開頭表示和當前平級,因為index.html和images文件夾平級。不管是帶../還是不帶,這種寫法都叫相對路徑;另一種叫相對於根目錄路徑,它的寫法必須以/開始,意思是從根目錄開始一級一級向下查找,不管在哪裡,要使用pic4.gif這個圖片,路徑都必須是/images/pic4.gif;還有一種寫法叫絕對路徑,是以http://加域名開始的,這個不多多說了。

使用相對路徑時,當根目錄放到一個二級目錄下時,文件仍然可以正常訪問,而使用相對於根目錄路徑時,其中一個頁面放到其它位置時,照樣能關聯么相關的圖片和其它文件,比如:本例如果用相對於根目錄路徑的話,把index.html放到一個文件夾下後,還是可以正常訪問的。總之兩種方法各有優劣,根據你的需要採用一種合適的方法。相對路徑和相對於根目錄路徑是可以相互更改的,在站點管理——編輯——高級設置的本地信息里有鏈接相對於,如下圖,默認為文檔(就是所說的相對路徑),也可以改為站點根目錄,相對路徑一般為直接目錄名,需要返回上級時用../,向上返回兩級時用../../;相對於根目錄路徑始終以/開頭,不管該文件現在在哪一級,它都是以根目錄開始向下找。

閱讀全文

與css文件的相對路徑相關的資料

熱點內容
中山哪些是正規網路教育大學 瀏覽:766
發那科系統編程怎麼寫中文 瀏覽:730
電信光貓要用超級賬戶密碼是什麼 瀏覽:73
冰法神器升級路線 瀏覽:795
汽車上的數據都有哪些 瀏覽:149
ipad怎麼刪除文件夾 瀏覽:649
感謝編程學校該怎麼說 瀏覽:217
怎麼給wps文件加密 瀏覽:528
美國有什麼購物網站 瀏覽:208
靈武品牌網路推廣有哪些 瀏覽:398
vhdl編程實例教程 瀏覽:336
微信找回密碼 瀏覽:782
怎麼撤回離線文件 瀏覽:380
unity3d教程pdf 瀏覽:149
三星2014升級怎麼辦 瀏覽:235
怎麼找到微信小視頻文件 瀏覽:278
求醫問葯的app 瀏覽:846
網路語大仲馬什麼意思 瀏覽:793
qq怎麼取消同城群 瀏覽:87
qq在流量不能發送文件 瀏覽:130

友情鏈接