WordPress Bakery - 将行设置为图像背景的全高（无内容）答案

【问题标题】：WordPress Bakery - Setting row to full height of image background (no content)WordPress Bakery - 将行设置为图像背景的全高（无内容）
【发布时间】：2018-07-06 09:02:22
【问题描述】：

我有一行使用 WP Bakery（以前的 Visual Composer），它有两列只是背景图像。没有内容。但是，当我在 WordPress 的前端编辑器中设置全高行时，该行仍然不会垂直拉伸以适应整个图像高度。它可能在顶部显示图像的 1/4，然后将其余部分截断。

<div style="position: relative; left: -45px; box-sizing: border-box; width: 
1256px;" data-vc-full-width="true" data-vc-full-width-init="true" data-vc-
stretch-content="true" class="normal_height vc_row wpb_row vc_row-fluid 
vc_row-o-full-height vc_row-o-columns-stretch vc_row-o-equal-height vc_row-
flex">
   <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-has-fill">
       <div class="vc_column-inner vc_custom_1517014250070">
          <div class="wpb_wrapper">
          </div>
       </div>
   </div>
   <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-has-fill">
       <div class="vc_column-inner vc_custom_1517014312168">
           <div class="wpb_wrapper"></div>
       </div>
   </div>
</div>

 CSS for left image:
.vc_custom_1517014250070 {
   background-image: url(/uploads/2018/01/hbar-chart.jpg?id=2944) 
    !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
}

CSS for right image:
.vc_custom_1517014312168 {
    background-image: url(/uploads/2018/01/f-mix.jpg?id=2943) !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
}

【问题讨论】：

能把相关代码贴在这里吗？这将帮助我们更快地解决问题。
确实没有代码本身。这一切都是通过 WP Bakery 前端编辑器完成的。但如果还有其他可以帮助的，请告诉我。谢谢。
如果您在浏览器中使用 web 检查器检查这两列，您可以看到相关的 html 和 css。只需在此处以 sn-p 或代码示例块的形式发布即可。
刚刚在上面添加了 HTML 和 CSS。

标签： css wordpress visual-composer

【解决方案1】：

不要使用背景图片，而是插入全宽图片。

页面元素永远不会将其大小调整为背景图像，只有反过来才有可能（不是规则）。因此，只需在您的图像中使用 img 元素

【讨论】：

你的意思是在面包店前端编辑器中？这就是我使用 Bakery 的前端工具构建页面的方式。例如，我使用他们的工具创建了一个行，然后选择了一个两列布局，并在每一列中使用设计元素来选择一个图像。我需要以不同的方式添加img 元素吗？

【解决方案2】：

您可以在带有背景图像的列中使用原始 html 小部件。

首先，选择背景样式为“封面”而不是

<h2><br><br><br><br></h2> <!--how many space as you need to visualize background image-->

它会覆盖行的高度

【讨论】：