Показанное изображение не отображается - PullRequest
0 голосов
/ 08 января 2019

с использованием стиля attr для показа выбранного изображения, но у изображения, кажется, есть высота 0, изображение кажется загруженным, но с высотой 0, весь код CSS отсутствует, когда я проверяю

enter image description here

enter image description here

<?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%;
    }
}

Ответы [ 2 ]

0 голосов
/ 08 января 2019

Прежде всего, вам нужно открыть тег стиля, чтобы написать код CSS. Затем исправьте свой селектор CSS, который также не корректен ... Попробуйте это:

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

Когда вы помещаете . перед селектором, вы говорите таблице стилей, что это класс, в вашем случае div - это , а не класс, это тег, так что вы просто напишите div, а затем имя класса, которому предшествует ..

OR

Вы можете просто написать .featuredImage {}, указывать имя тега не нужно.

0 голосов
/ 08 января 2019

Если высота равна нулю, вы можете добавить атрибут высоты вместе с фоновым изображением. https://www.w3schools.com/cssref/css3_pr_background-size.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...