Javascript 用href单击div框

我有这个密码

<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
    <div class="flipper">
        <div class="front" style="background: url(games/racegame/foto/fotozonder.PNG) 0 0 no-repeat;">
        </div>
        <div class="back" style="background:#00B9FF;>
            <a href="http://ispeedzone.com" rel="nofollow"></a>
        </div>
    </div>
</div>

如果您提供一个JSFIDLE或类似的工具，肯定会更容易。但您可以做的只是使用position:relative使锚定标记跨越整个宽度；在其父div上，然后使用position:absolute；上/右/下/左：0

或者，如果已知宽度/高度，只需使用锚定标记上的显示块，并将其宽度高度设置为与父div匹配

我认为如果标记为空，IE中可能会出现一些问题，但是您可以通过在锚标记内添加一些虚拟文本来绕过这些问题，并将其文本缩进属性设置为-100000px之类的疯狂值，以使文本不可见。
尝试以下方法：


.flip容器{
前景：1 000；
}
.flip容器：悬停.flipper、.flip-container.hover.flipper{
变换：旋转（180度）；
}
.翻转容器，.正面，.背面{
宽度：320px；
高度：480px；
}
.鳍状肢{
过渡：0.6s；
变换样式：保留-3d；
位置：相对位置；
}
.前面，.后面{
背面可见性：隐藏；
位置：绝对位置；
排名：0；
左：0；
}
.前线{
z指数：2；
变换：旋转（0度）；
背景：橙色；
}
.回来{
变换：旋转（180度）；
背景：黄色；
}
.背a{
显示：块；
宽度：100%；
身高：100%；
}
.flip容器：悬停.flipper、.flip-container.hover.flipper、.flip-container.flip.flipper{
变换：旋转（180度）；
}

悬停回望
那么你想让代码翻转它？或者给定的代码不起作用了吗？不，代码起作用了，翻转效果很好，但我想做的是，当鼠标悬停在图像上时，你会看到现在调用的类，背景是蓝色的。我想让它返回到一个页面，例如ispeedzone.com。我创建了我在JSFIDLE中使用的代码，我不熟悉这个程序，所以我只是粘贴了它，但它不工作？你可以在这里看到@superman123为什么HTML代码在JavaScript框中？FTFY Superman123请看@Moogs jsfiddle，你只需删除锚定标记内的文本，使其看起来不是链接，它就可以工作。嗨，但我需要按链接，我想做的是只按后面，所以在你的情况下，只需按黄色框，然后它就转到ispeedzoneYeah，所以按后面（黄色框）应该带你去超链接是的，现在可以了，谢谢，但它不适用于internet explorer，它只显示前面和后面的图像作为同一个图像，但后面应该是blue@superman123为了帮助他人，请将回答您问题的答案标记为已接受。谢谢