特色图片未显示答案

【问题标题】：Featured Image not showing up特色图片未显示
【发布时间】：2019-06-02 16:26:27
【问题描述】：

使用样式 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%;
    }
}

【问题讨论】：

标签： wordpress html custom-wordpress-pages

【解决方案1】：

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

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

当您在选择器之前放置 . 时，您是在告诉样式表它是一个类，在您的情况下，div 不是一个类，它是一个标签，所以您只需写div，然后是.前面的类名。

或

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

【讨论】：

【解决方案2】：

如果它的高度为零，您可以自己添加高度属性以及背景图像。 https://www.w3schools.com/cssref/css3_pr_background-size.asp

【讨论】：