Question

我正在尝试将我的精选图像设置为CSS中的背景图像。

我需要在HTML和CSS中的两个位置显示相同的精选图像。

如何在CSS中使用the_post_thumbnail()？

HTML

 <div class="magnify">
    <div class="large"></div>
    <img class="small" <?php the_post_thumbnail( 'large', array
    ('class' =>'img-      responsive') ); ?> />
 </div>

CSS

.large {background: url('img/image.jpg') no-repeat;}

Answer 1

正如Tim Malone在评论中所述，您需要使用内联样式来执行此操作。你可以这样做：

operator=(const Name &other)

请注意，我正在使用<?php $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); list($url, $width, $height, $is_intermediate) = $thumbnail; ?> <div class="large" style="height:<?php echo $height; ?>px;background-image:url(<?php echo $url; ?>);background-repeat:no-repeat;"></div>，以便在需要时可以获取图片尺寸。在这种情况下，将div的高度设置为图像的高度。

在wordpress主题中将the_post_thumbnail添加为CSS背景

1 个答案: