图片不会显示在Wordpress模板中

Question

此刻我遇到一个问题，我的资产文件夹中有图像，但是当我将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（视口高度），并确保您为图像指定了正确的来源（如果您使用的是一个主题，您不必搜索wt文件夹wp内容中的img，只需使用../img/your-image.jpg之类的相对路径