Question

我有一个使用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;
}

Answer 1

请勿使用背景图片，而是插入全宽图像。

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

即可

Answer 2

您可以将原始html小部件用于带有背景图片的列中。

首先，将背景样式选择为“盖”

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

它将覆盖行的高度

WordPress面包店 - 将行设置为图像背景的全高（无内容）

2 个答案: