Question

我正在尝试设置通过自定义字段插件上传的图片，并将其显示为div的背景（在滑块中使用）。

然而，图像没有显示...我在自定义字段中有文字，显示没问题所以我认为它与我用来拉动图像的代码行有关。

我正在尝试使用图片设置.slide1的背景。

自定义字段名称为slide1_background。

HTML：

        <div class="slide1" style="background-image:url(<?php the_field('slide1_background');?>);">
    <div class="slide1-cont"><p class="slide-text"><h1>
<?php the_field('slide_title'); ?></h1><img src="<?php bloginfo('template_directory')?>/images/line.png" /></p>

        <p><?php the_field('slide_content'); ?></p></div>
        </div>

CSS：

.slide1{
background-repeat:no-repeat;
background-size:cover;
background-position:center;
height: 800px;
}

Answer 1

不确定这是否是真正的问题，但我认为你错过了一些引用，它应该都是这样的：

<div class="slide1" style="background-image: url('<?php the_field('slide1_background'); ?>');">

按照您的所有代码查看是否缺少其他类似报价的内容，如果有效，请告诉我。

通过Wordpress上的自定义字段插件设置背景图像

1 个答案: