CSS实现超级链接需要通过双击后跳转

当前位置 : 首页 > 网页制作 > CSS > CSS实现超级链接需要通过双击后跳转

CSS实现超级链接需要通过双击后跳转

来源: 作者: 时间:2015-11-04 11:06
超级链接需要双击后跳转如何实现,其实很简单,在本文将为大家介绍下具体的实现方法,感兴趣的朋友不要错过
超级链接需要双击后跳转如何实现,其实很简单,在本文将为大家介绍下具体的实现方法,感兴趣的朋友不要错过
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>
Tag:
网友评论

<