javascript - 如何在css中设置不同的url？

Question

这是一个CSS代码块。

<style type="text/css">
    header.intro-header{
        position: relative;
        background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')
    }
</style>

我想做这样的事情:如果 site.baseurl 包含 http 我想删除 site.baseurl 前缀，否则我想添加 site.baseurl 前缀。

谁能帮帮我？我是 css

的新手

编辑

感谢评论的 friend 。我正在使用 jeklly 主题。在每一个markdown中，都有这样一行:header-img: "xx"。如您所见，header-img 的实际 url 在 css 代码之上。

Answer 1

CSS 不是一种编程语言，因此从这个意义上讲，传统的条件 block 是不可能的。您仍然可以通过使用 Javascript 或您选择的编程语言来检查基本 URL 是否包含特定字符串并根据结果打印您的 URL 值来实现您的目标。