當我通過相對路徑引用CSS文件中的圖像或其他文件時,是相對於CSS文件或使用CSS文件的HTML文件的路徑嗎?是CSS文件中相對於CSS文件的相對路徑嗎?
57
A
回答
74
是的,它是相對於.css
下面是一個例子佈局:
Page: page.htm ... does not matter where
CSS: /resources/css/styles.css
Image: /resources/images/image.jpg
CSS在styles.css
:
div { background-image: url('../images/image.jpg');
1
到CSS文件。
4
是。它是相對於CSS文件。我將補充一點,這也包括相對於CSS文件所在的域。
因此,如果CSS被引用爲:
<link href="http://www.otherdomain.com/css/example.css" type="text/css" rel="stylesheet" />
,它包含:
div { background-image: url('/images/image.jpg');
的背景將是:
+1
如果您已將標頭設置爲允許外部包含,則由於相同的源策略,來自外部域的包含僅適用於某些瀏覽器 – 2016-09-15 19:49:07
相關問題
- 1. 相對路徑的css
- 2. 相對路徑文件
- 3. 相對路徑文件
- 4. Java相對文件路徑
- 5. 如何在MVC3的CSS文件中提供相對路徑
- 6. Angular2 webpack相對css文件
- 7. Javascript路徑相對於文件
- 8. 子域的CSS文件的相對路徑
- 9. 相對URL的絕對文件路徑
- 10. 從CSS文件到字體的Android相對路徑
- 11. 靜態文件的相對路徑,如圖像/ css/js等
- 12. bat文件中相對於另一個文件的路徑
- 13. RSpec中的相對文件路徑
- 14. Python包中的相對文件路徑
- 15. perl中的相對文件路徑
- 16. Django webframework相對路徑.css和其他.html文件
- 17. 相對路徑導致404找不到css文件
- 18. wordpress 3.3在CSS中的相對路徑
- 19. Scandir相對於包含文件的路徑嗎?
- 20. django-compressor:帶有相對於文件夾的路徑的CSS圖像
- 21. iphone:本地文件的相對路徑?
- 22. 獲取文件的相對路徑asp.net
- 23. DocFX'src'文件夾的相對路徑
- 24. std文件流的相對路徑
- 25. InstallShield LE - 文件的相對路徑
- 26. 資源文件的相對路徑?
- 27. 獲取文件的相對路徑C#
- 28. PHP - 文件夾的相對路徑?
- 29. log4j的相對文件路徑
- 30. CSS和Grunt縮小的相對路徑?
完美,謝謝。正是我需要知道的。 – 2010-04-27 04:03:07
謝謝你的詳細解答。我在同一個問題上感到非常困惑,並且在這裏你以一種更好的方式解決了它。 – AbdulAziz 2012-02-28 13:45:12
這確實是合理的,因爲它允許從不同的'.html'文件(可能位於不同的地方)引用_same_'.css'文件,而無需將路徑制動到外部對象。 – Davide 2014-03-04 14:06:39