CSS，相对路径和URL的端口号

我得到了这是我的网页标签内的样式表。（不是一个css文件，因为这是它将被使用的唯一文件）。CSS，相对路径和URL的端口号

background-image: url("/assets/img/report/test4.png");

当使用相对url时，我的背景图像url不包含主机的端口号。

例子：

作品：

localhost:8334/assets/img/report/test4.png

不行的，并且是相对URL的输出：

localhost/assets/img/report/test4.png

任何想法，为什么它不包括端口号？

来源

2013-02-21 Christer

你在这个问题上自相矛盾。 “在网址中使用端口号时，不会加载background-image。”那么你说'localhost：8334'可以工作，但'localhost'不能。 – Andy 2013-02-21 10:19:38

感谢您的输入@Andy，我添加了一个希望更好的解释。 – Christer 2013-02-21 10:24:42

尝试使用relative路径而不是absolute之一。例如：

background-image:url('../../assets/img/report/test4.png');

来源

2013-02-21 10:05:23 otinanai

我使用的是相对路径，url（“/ assets/img/report/test4.png”）; 绝对路径包括主机以及url（“localhost：8080/assets/img/report/test4.png”）将是绝对路径。 – Christer 2013-02-21 10:10:39

我的建议是避免使用绝对路径。但是，您的答案可能在这里找到：http://stackoverflow.com/questions/8317059/relative-path-but-for-port。或在这里： http://stackoverflow.com/questions/6016120/relative-url-to-a-different-port-number-in-a-hyperlink 看来你不能避免使用JS的。 – otinanai 2013-02-21 10:33:37

如果你的“资产”文件夹的根为什么要补充额外的“/”？我从来没有像这样使用过，试着编辑它。

来源

2013-02-21 10:34:03

CSS，相对路径和URL的端口号

回答

相关问题