wpbakery-锚不会缠绕iframe

Question

我对wpbakery有意见。我正在尝试将此代码添加到我的网站的一个页面中。https://jsfiddle.net/mx5h59rz/84/

<a href="http://tumblr.com" target="_blank" class="linkwrap">
 <div class="blocker"></div>
 <iframe width="420" height="315" 
 src="https://player.vimeo.com/video/258549989?background=1" 
 frameborder="0" allowfullscreen></iframe>    

 css

.linkwrap { position:relative; display:inline-block; }
.blocker { position:absolute; height:100%; width:100%; z-index:1; 
background:rgba(255,0,0,0.0);  }
.linkwrap iframe { z-index: 2; }

当我将代码放在文本框元素中时的问题。缠绕在周围的锚总是会消失。

有人能回答我为什么会发生这种情况吗？

Answer 1

试试这条路

 <div class="blocker"></div>
 <iframe width="420" height="315" 
 src="https://player.vimeo.com/video/258549989?background=1" 
  frameborder="0" allowfullscreen></iframe>
 <a href="http://tumblr.com" target="_blank" class="linkwrap">