本文详细介绍了如何通过CSS和HTML实现超级链接在网页中需要双击后才能跳转的功能，包括使用伪类选择器和绝对定位技巧。
超级链接需要双击后跳转如何实现。
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代码
}
.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=" " readonly="true" />
<a href=" http://www.jbxue.com">Double click me</a></span>
</div>
<span><input type="text" value=" " readonly="true" />
<a href=" http://www.jbxue.com">Double click me</a></span>
</div>
扫一扫
846
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
