小编Pau*_*kay的帖子

我的背景图片具有background-size：cover; 应用到它，然后一系列的div叠加，我想成为单独的剪贴蒙版。

我看过功能片段：rect（20px，20px，20px，20px，）; 但是，由于div是通过CMS系统引入的，因此定义集合大小是不合适的。

有没有一种方法可以设置带有剪贴蒙版属性的div，以便在将div放置在页面上的任何位置上剪切图像？

我也不想使用图像叠加层，因为此站点会响应。

我一直试图让这些代码在过去的一天工作,同时搜索这些论坛但没有任何成功.

我想隐藏一个容器,div如果其中一个div内部没有内容.

我得到的剧本如下:

$('.video-centre').each(function(){
  if ($(this).find('.video-thumb p').text().length == "")
    $(this).find('.video-centre').css("display", "none");

});

我试图将其应用于的HTML如下:

<div class="video-centre">
  <div class="video-point">
    <img src="<?php echo get_bloginfo('template_url') ?>/images/video-point.jpg" alt="video pointer" />
  </div>
  <div class="video-thumb">
    <?php the_field('testimonials'); ?>
  </div>
  <p class="video-more">
    <a href="javascript:animatedcollapse.show(['expandable-1'])">View More</a>
  </p>
  <div id="expandable-1">
    <div class="video-thumb">
      <?php the_field('testimonials_hidden'); ?>
    </div>
    <p class="video-close">
      <a href="javascript:animatedcollapse.hide(['expandable-1'])">Close</a>
    </p>
  </div>
</div>

基本上,在wordpress中,客户端将有机会添加视频,它有点长,但它们包含在p标签中.但是,如果他们没有将任何内容上传到特定区域,我希望容器div具有display:none,导致只有视频上传时才显示容器.

如果有一个更简单的方法来查看div并说它是否为空,那么让容器div显示没有我会很乐意尝试.