javascript - 图片不会显示在 Wordpress 模板中

Question

目前我遇到一个问题，我的 Assets 文件夹中有图像，但是当我将我的 HTML/CSS/JS 模板转换为 wordpress 时，有些图像不会显示，有些会显示。我遇到的最大问题是我必须在您登陆网站的位置显示图像。这是 CSS 代码:

#hero {
background: url('wp-content/themes/brandingyou/assets/img/iceland.jpg') center center / cover no-repeat;
padding: 40px 0;
color: white;
position: relative;
width: 100%;
height: 100%;

这是 HTML 代码:

<section id="hero" class="demo">
    <h1><?php bloginfo('name'); ?></h1>
    <div class="container">
       <h2><?php bloginfo('description'); ?></h2> 
    </div>
    <a href="#making-brand"><span></span>Scroll</a>
</section><!-- Hero -->

这是当前的结果:

它应该是这样的:

还有几个图像有同样的问题。任何人都知道为什么这样做？

注意:并非所有图像都有此问题注2:我试过不同的文件格式，没有帮助

Answer 1

问题是您通过 CSS 包含 img，因此高度 100% 不起作用，请使用更好的 100vh(视口(viewport)高度)，并确保您指明了图像的正确来源，如果您在一个主题，你不必在 wht 文件夹 wp 内容中搜索 img，只需使用相对路径，如 ../img/your-image.jpg 或类似的东西