Установка фонового изображения элемента через CSS из значения в переменной PHP

Есть ли способ использовать переменную php для манипулирования css?

Я хотел бы добавить изображение, выбранное пользователем в посте WordPress (рекомендуемое изображение), на фоне определенного div. Я знаю, как смешать php и html, но есть ли способ сделать то же самое с css?

Я получаю изображение с:

$img = get_the_post_thumbnail_url($post_id, 'mySize');

1

Решение

Ну, вы уже знаете, как смешивать PHP и HTML, верно? Тогда вы просто делаете то же самое, но создавая <style> элемент в <head>, Вы помещаете свой CSS в этот элемент. Что-то вроде этого:

<head>
<style>
div#myDivId { background-image: url("<%= $img %>"); }
</style>
</head>
1

Другие решения

Что вы можете сделать, это что-то вроде этого:

<head>
<style>
.user img { background-position: center center; background-repeat: no-repeat; background-size: cover; }
</style>
</head>
...
<div class="user">
<img src="https://web-answers.ru/wp-content/uploads/2019/02/trans.png" width="50" height="50" style="background-image:url(<?php echo $img; ?>);" />
</div>

Где trans.png — это маленькое прозрачное изображение в формате png.

0

А ты уже прошел курс программирования? Супер скидка!
Прокачать скилл $$$
×