Установка фонового изображения элемента через CSS из значения в переменной PHP
Есть ли способ использовать переменную php для манипулирования css?
Я хотел бы добавить изображение, выбранное пользователем в посте WordPress (рекомендуемое изображение), на фоне определенного div. Я знаю, как смешать php и html, но есть ли способ сделать то же самое с css?
Я получаю изображение с:
$img = get_the_post_thumbnail_url($post_id, 'mySize');
Решение
Ну, вы уже знаете, как смешивать PHP и HTML, верно? Тогда вы просто делаете то же самое, но создавая <style> элемент в <head>, Вы помещаете свой CSS в этот элемент. Что-то вроде этого:
<head>
<style>
div#myDivId { background-image: url("<%= $img %>"); }
</style>
</head>
Другие решения
Что вы можете сделать, это что-то вроде этого:
<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.
detector