怎麽看图片的CSS的网址?

HTML的时候图片填网址即可
但CSS要设置图片为背景时,要怎麽看图片的位置在哪里?

比如某张图片的CSS设置是background-image: url(/i/eg_bg_04.gif)
url(/i/eg_bg_04.gif)是怎麽看的?

html
css
發問時間:2016-08-08 19:48
Mr. Chang
0

新增推文
發問注意事項
  • 一次問一個問題。多個問題請分多次發問
  • 請盡量清楚描述您的問題
  • 請描述您做過哪些嘗試、試過哪些方法
  • 請盡可能地提供細節,幫回答者節省時間

1 個回答

1
您提到的範例是所謂的「相對網址」

相較於把完整網址寫出來的「絕對網址」寫法

「相對網址」是相對於「網域名稱」的寫法。

將相對網址貼到css所在網域的後方即成為絕對網址

舉例來說,您提到的「/i/eg_bg_04.gif」

如果所在網域是yahoo好了,那在瀏覽器輸入「https://tw.yahoo.com/i/eg_bg_04.gif」

即可看到您要的圖片

相對網址又可分為「文件相對路徑」與「根目錄相對路徑」兩種

前面有「/」便是根目錄相對路徑,例如:/i/eg_bg_04.gif

沒有的則是文件相對路徑,例如:i/eg_bg_04.gif

如果當下所在網址是「https://tw.yahoo.com/some/page/」好了

文件相對路徑會指到「https://tw.yahoo.com/some/page/i/eg_bg_04.gif」

而根目錄相對路徑則會指到「https://tw.yahoo.com/i/eg_bg_04.gif」

希望有回答到您

回答時間:2016-08-08 22:34
阿川先生
54

谢谢阿川先生的回答! – Mr. Chang 13:24
不过我想要了解,看到一张网页上的图片时,要怎麽知道它的"相对网址"? – Mr. Chang 13:25
用Google chrome的話,可以按右鍵 -> 在新分頁中開啟影像,在新分頁直接開啟圖片網址 – 阿川先生 15:20
背景圖片的話,則需要去看原始碼。Chrome -> 工具 -> 開發人員工具 -> 找到那個元素 -> 右下方的Styles內找找看 – 阿川先生 15:22
新增推文