摘要 今天小编跟大家讲解下有关CSS实现超级链接需要通过双击后跳转 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS实现超级链

今天小编跟大家讲解下有关CSS实现超级链接需要通过双击后跳转 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS实现超级链接需要通过双击后跳转 的相关资料，希望小伙伴们看了有所帮助。

CSS代码复制代码代码如下:.test3 span { position: relative;}.test3 span a { position: relative; z-index: 2; }.test3 span a:hover, .test3 span a:active { z-index: 4; }.test3 span input { background: transparent; border: 0; cursor: pointer; position: absolute; top: -1px; left: 0; width: 101%; /* Hacky */ height: 301%; /* Hacky */ z-index: 3; }.test3 span input:focus { background: transparent; border: 0; z-index: 1; }html代码 复制代码代码如下:<div class="test3"> <span><input type="text" value="&nbsp;" readonly="true" /> <a href="http://www.baidu.com">Double click me</a></span></div>

来源：爱蒂网