是否可以添加链接到HTML中的掩码

例如在这个http://codepen.io/web-tiki/pen/meskA如何在点击时添加一个链接到三角形？是否可以添加链接到HTML中的掩码

<div class="t"> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
</div>

来源

2017-01-16 Squidly

所以，你想添加一个链接被点击三角形动态时，或者你想环绕一个三角形的链接？ – BramH

是的，将它添加到html中，并将其设置为块元素http://codepen.io/gc-nomade/pen/apmrQN –

像这样：

<div class="wrap"> 
    <a href="somewhere.com"> 
     <div class="triangle"></div> 
     <div class="mask"></div> 
    </a> 
</div>

或动态使用jQuery：

$(".wrap").each(function(){ 
    $(this).find("div").wrapAll("<a href='link.com' />"); 
});

来源

2017-01-16 18:47:12 Syden

，你可以对你有每个包裹的div添加的onclick事件。

<div class="wrap" onclick="location.href = 'www.yoursite.com'">

来源

2017-01-16 18:51:30 Jeremy

是否可以添加链接到HTML中的掩码

回答

相关问题