我正在创建一个包含服务器端的网站,并且有多个目录。例如在head.html(它是一个包含)中,我将样式表指向为href="css/style.css"并且它在主页中工作正常。但是当我尝试在事件(文件夹/子目录)中运行页面时,它不会使用样式表。任何人都可以解决这个问题。
这是一个纯 HTML 静态网站,我们可以使用 clientResolveUrl 之类的东西吗?
我正在创建一个包含服务器端的网站,并且有多个目录。例如在head.html(它是一个包含)中,我将样式表指向为href="css/style.css"并且它在主页中工作正常。但是当我尝试在事件(文件夹/子目录)中运行页面时,它不会使用样式表。任何人都可以解决这个问题。
这是一个纯 HTML 静态网站,我们可以使用 clientResolveUrl 之类的东西吗?
如果您要在其中创建项目文件夹\wamp\www\sitename
并使用包含 css
<link rel="stylesheet" type="text/css" href="/css/style.css" />
它将针对根文件夹,即www
在您的情况下,而不是sitename
,所以您应该这样写
<link rel="stylesheet" type="text/css" href="/sitename/css/style.css" />
但是,您可能应该使用 a Virtual Host
,这样您就可以像在您的实时站点中的第一个一样编写它,这里的论坛解释了如何以及为什么您应该更好地使用 aVirtual Host
我建议您使用浏览器的网络工具来检查该 CSS 文件的路径(或直接阅读浏览器上的源代码)。然后,您可能会注意到相对路径中是否缺少子目录或父目录。
然后您可能需要进行更改以使其变为
<link rel="stylesheet" type="text/css" href="event/css/style.css" />
或者
<link rel="stylesheet" type="text/css" href="../css/style.css" />
取决于文件和目录的实际结构。
我认为<base>
标签在这种情况下可以提供帮助。
定义和使用
该标记指定文档中所有相对 URL 的基本 URL/目标。
文档中最多可以有一个元素,并且它必须在元素内。