gpt4 book ai didi

html - CSS url() 的 标签

转载 作者:太空狗 更新时间:2023-10-29 13:53:42 24 4
gpt4 key购买 nike

<分区>

我正在寻找一种方法来引用 /一个“自定义”网址。我正在使用类似本地浏览器和 / 的东西路径引用/unix 路径(是的,o.s. 根路径!),这绝对不是我的文件所在的位置。

虽然我可以用 <base> 在 html 中解决这个问题我不明白这是否也适用于 CSS url(),或者是否有类似的东西允许我指定完整的 url。

此时我对任何解决方案都持开放态度,即使是使用带有一些自定义函数的 SASS,这些函数将重写任何 url 并将其替换为完整路径。

为了进一步阐明我的问题,这里是我的问题示例以及我想如何解决它:

/mnt/projects/web/myproject/index.html

...
<base href="/mnt/projects/web/myproject/" />
...

/mnt/projects/web/myproject/style.scss

$base_url: "/path_to_root_folder_dinamically_fetched_on_client_pc/";
body
{
background-image: url("#{$base_url}mydir/myimage.png");
}

最好的选择显然是 if url(/mydir/myimage.png)有效,但通过网络阅读我了解到它没有。

感谢任何建议。

更新 1:

抱歉,答案都很好,但没有上下文,很难回答这个问题。让我再解释一下:我正在使用软件 ( node-webkit ) 在本地运行“网站”(好吧,它是一个应用程序)。这或多或少是一个具有一些附加功能的自定义 Chromium 实例。

最大的问题是 node-webkit 使用 file:///协议(protocol),所以是的,文件协议(protocol)的根路径实际上是你操作系统的根目录,C:/在 windows 上,/在 unix 系统上,它不是直接是一个问题,因为这是一个本地应用程序(用户必须以某种方式安装它,我已经可以访问该系统)。

次要问题是,当您将应用程序打包到单个文件中时,当用户运行它时,它会在临时目录中解压缩以实际通过 file:///协议(protocol)运行网站,例如/tmp/随机数/index.html

因此,使用 /这不是一个有效的选项,但是因为我的样式表分布得足够多(这是一个复杂的应用程序,我有一些类似 layouts/something.css main.css 和类似的东西),这是一个大问题,必须始终重写 ../为每个网址。

我有哪些选择?在这种情况下,javascript 选项并不像您想象的那么糟糕。另一个想法是运行一个非常小的网络服务器,它应该只提供静态内容,但这需要可移植、跨平台并且不需要安装。

我认为可以用基本的 html 和 CSS 解决这个问题,但看起来不行,虽然我可以通过 javascript 动态添加“base”标签,但 CSS 没有类似的东西。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com