特色图片未显示

Question

使用 style attr 显示特色图片，但图片的高度似乎为 0，图片似乎已加载但高度为 0，我检查时缺少整个 css 代码

<?php $featured = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full' ); ?>
                    <?php $featured = $featured[0]; ?>
                    <div class="featuredImage" style="background-image:url(<?php echo $featured ?>);"></div>
</header>


@media only screen and (min-width: 768px) {
.div featuredImage{
        height: 300px;
        width: 100%;
    }
}

Answer 1

如果高度为零，您可以自己将高度属性与背景图片一起添加。 https://www.w3schools.com/cssref/css3_pr_background-size.asp

Answer 2

首先需要打开一个style标签来写CSS代码。然后，修复你的 CSS 选择器，这也是不正确的......试试这个：

<style>
@media only screen and (min-width: 768px) {
    div.featuredImage {
        height: 300px;
        width: 100%;
    }
}
</style>

当您将 . 放在选择器之前时，您是在告诉样式表它是 class，在您的例子中，div 是 而不是 一个class，它是一个标签，所以你只要写div，然后class名字前面是..

或

你可以只写.featuredImage {}，不需要指定标签名称。

特色图片未显示

Featured Image not showing up

html

wordpress

custom-wordpress-pages