Как установить разные URL в CSS? - PullRequest
Новая
       6

Как установить разные URL в CSS?

0 голосов
/ 02 сентября 2018

Вот кодовый блок 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

EDIT

Спасибо за друзья, которые прокомментировали. Я использую тему jeklly. В каждой уценке есть такая строка: header-img: "xx". Как видите, актуальный URL-адрес header-img находится выше кода CSS.

1 Ответ

0 голосов
/ 02 сентября 2018

CSS не является языком программирования, поэтому традиционный условный блок в этом смысле невозможен. Вы по-прежнему можете достичь своей цели, используя Javascript или предпочитаемый язык программирования, чтобы проверить, содержит ли базовый URL-адрес определенную строку, и распечатать значение URL-адреса на основе результата.

...