从静态域提供 CSS

发布于 2024-08-26 04:51:29 字数 356 浏览 12 评论 0原文

我想从静态无 cookie 域提供我的 CSS 和图像。现在我的问题是如何指向 css 文件中的图像。

我不想在 css 文件中对我的域进行硬编程,例如:

http://static.com/ image.png

我宁愿有一个指向图像的变量,所以它适用于我使用的每个静态域。

实现这一目标的最佳方法是什么。我应该通过 php 运行整个 css 文件并在所有 png 引用前面添加静态域吗?这样做的一个缺点是我必须将整个 css 放在 html 中。

或者还有另一种更优化的方法来做到这一点。

I want to serve my css and images from a static cookieless domain. Now my problem is how to point to the images from within my css files.

I don't want to program my domain hard within the css file, for example:

http://static.com/image.png

I would rather have a variable pointing to the image, so it works for every static domain i use.

What is the best way for achieving this. Should i run the whole css file trough php and add the static domain in front of all the png references. A downside in this is that i have to place the whole css in html.

Or is there another more optimized way of doing this.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

静谧 2024-09-02 04:51:29

只要图像来自样式表中的同一服务器,使用相对 URI 就足够了。

来自 CSS 规范

为了打造模块化风格
不依赖于的表
资源的绝对位置,
作者可以使用相对 URI。
相对 URI(定义见
[RFC3986]) 被解析为完整的 URI
使用基本 URI。 RFC 3986,第 5 节,
定义了规范算法
这个过程。对于 CSS 样式表,
基本 URI 是样式的 URI
工作表,而不是来源的工作表
文档。

Bert Bos(CSS 规范的作者之一)写了一篇关于样式表中的变量的有趣文章。您可以在此处阅读。

So long as the images come from the same server at the stylesheet, using relative URIs should be sufficient.

From the CSS Spec:

In order to create modular style
sheets that are not dependent on the
absolute location of a resource,
authors may use relative URIs.
Relative URIs (as defined in
[RFC3986]) are resolved to full URIs
using a base URI. RFC 3986, section 5,
defines the normative algorithm for
this process. For CSS style sheets,
the base URI is that of the style
sheet, not that of the source
document.

There's an interesting essay by Bert Bos (one of the authors of the CSS spec) about variables in stylesheets. You can read it here.

帅气称霸 2024-09-02 04:51:29

当您从静态域中提取 CSS 时,CSS 中的相对 URL 将指向同一个域。因此,您可以只使用相对路径并提供来自该域的 CSS 和图像。

When you pull the css from a static domain, relative URLs in the CSS will point to the very same domain. So you can just use relative paths and serve both css and images from that domain.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文