代码之家 › 专栏 › 技术社区 › Wasteland

通过css从php变量中的值设置元素的背景图像

background-image wordpress css php

Wasteland · 技术社区 · 6 年前

有没有一种使用PHP变量来操作CSS的方法?

我想把用户在WordPress帖子(特色图片)中选择的图片添加到特定分区的背景中。我知道如何混合使用PHP和HTML,但是,有没有一种方法可以使用CSS?

我得到的图像是:

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

2 回复 | 直到 6 年前

brandizzi 6 年前

<style> <head>

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

Mihail Minkov 6 年前

<head>
  <style>
    .user img { background-position: center center; background-repeat: no-repeat; background-size: cover; }
  </style>
</head>
...
<div class="user">
  <img src="images/trans.png" width="50" height="50" style="background-image:url(<?php echo $img; ?>);" />
</div>

推荐文章

Marcin Budzy · Twenty 24 Wordpess主题的子菜单隐藏在图库下方(响应式灯箱和图库)(Wordpress)

6 月前

Cairan Van Rooyen · 为什么我的Grafana iframe不会显示在我的Wordpress网站上?

7 月前

Eiman Maghfouri · woocommerce _可购买的编辑挂钩

7 月前

OÄuz Erdem · chrome浏览器和iOS safari浏览器的页脚行为不同

7 月前

JapeNZ · 通过自定义cron作业函数向WooCommerce产品添加产品标签

7 月前

Mohammed Malleck · 在WooCommerce管理员编辑订单页面中隐藏客户IP地址

11 月前

Javad Hamashbouri · 不显示ajax警报

11 月前

Eduardo Relax · 如何获取WooCommerce产品类别url以在HTML元标记中显示?

11 月前

Stamp · 自定义字段未显示在WordPress REST API响应中

1 年前

pawan19 · WordPress的Nginx设置:面临301重定向问题

1 年前