这是一个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的新手

编辑

感谢有评论的朋友。我正在使用jeklly主题。在每个减价中,都有这样的行:header-img: "xx"。如您所见,header-img的实际URL在css代码之上。

最佳答案

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

关于javascript - 如何在CSS中设置不同的URL?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52138088/

10-11 23:24
查看更多