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 rel="nofollow noopener noreferrer" href="http://www.baidu.com">Double click me</a></span>
</div>

以上就是CSS如何实现超级链接需要通过双击后跳转。我不会迁就,不会装欢乐……就是全世界与我为敌又如何,我只要有一口气,宁愿捡破烂也不会做不是我自己的自己。更多关于CSS如何实现超级链接需要通过双击后跳转请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
如何利用CSS如何实现禁止双击选择页面内容的实例展示

屏蔽双击选中文字的方法兼容FF及以外的浏览器

css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程