Wordpress 背景图像在 :after答案

【问题标题】：Wordpress background-image in :afterWordpress 背景图像在 :after
【发布时间】：2017-08-22 21:38:32
【问题描述】：

如何为 :after 选择器中的背景图像创建自定义字段？问题是我必须改变它

<div id="pr1" class="project-slide>
    <span class="project-title"><?php echo $project_title2;?></span>
    <p><?php echo $project_text2;?></p>
</div>


  div#pr0.project-slide:after{
    background-image: url(http://localhost/ruby/wp-content/uploads/2017/05/720_500_specialnij.png);
  }

【问题讨论】：

标签： html css wordpress advanced-custom-fields custom-fields

【解决方案1】：

试试这个。

<div id="pr1" class="project-slide>
    <span class="project-title"><?php echo $project_title2;?></span>
    <p><?php echo $project_text2;?></p>
</div>




div#pr1.project-slide:after{    
    content:url(http://localhost/ruby/wp-content/uploads/2017/05/720_500_specialnij.png);
  }

【讨论】：

【解决方案2】：

如果不是，试试这个可能对你有用。

 <?php
 $your_field = get_field('your_field');
 ?>

 <style>
 div#pr0.project-slide:after{
     background-image: url(<?php echo $your_field['url']; ?>);
 }
 </style>

【讨论】：