當前位置:首頁 » 圖片效果 » 怎樣更改圖片路徑代碼
擴展閱讀
cdr中怎樣去掉背景顏色 2025-06-20 07:48:18
彎刀多少錢 2025-06-20 07:35:59

怎樣更改圖片路徑代碼

發布時間: 2023-03-07 18:56:45

『壹』 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" 合在一起後就是上面的結果了。

『貳』 Dreamweaver如何修改圖片相對路徑

如果你想改成相對路徑:
比方:我的根目錄是D盤下的news文件夾,我的圖片是在news文件夾里子文件夾hotnews里的images里,代碼里顯示的是url(../Images/dongtai.gif),你把前面的代碼改成url(/hotnews/images/dongtai.gif)就可以了。如果圖片在news文件夾下的Images里,那就改成url(/Images/dongtai.gif)。應該是這樣,你試試