如何在鼠标悬停divs周围插入一个ahref - wordpress不断删除ahref

Question

在以下网站上：http://www.strategix.co.za/在该页面上，您将看到标题为“我们的解决方案”，并将8个悬停在框上。

我要做的是在每个盒子周围包裹一个href，这样不仅当你将鼠标悬停在它上面时，它还会显示右侧div，但是你可以点击进入相关页面的框。

所以在代码中：

<div class="left2">
<div class="box2">Microsoft Dynamics ERP</div>
</div> 

我试着说：

<div class="left2">
<a href="link"><div class="box2">Microsoft Dynamics ERP</div></a>
</div> 

但是我在wordpress中保存的那一刻就删除了ahref。我也试过这个：

<div class="left2">
<div class="box2"><a href="link"><div>Microsoft Dynamics ERP</a></div></div>
</div>  

但那也没有保存。我只需要每个单独的整个盒子都有一个href。

会感激一些帮助。 感谢。

Answer 1

尝试

<div class="left2">
<div class="box2" onclick="javascript:window.location.href='link';">Microsoft Dynamics ERP</div>
</div>

使用javascript是将链接应用于整个div的一种方法。