纯CSS实现双击链接跳转功能

时间：2015-05-27 15:49:34 阅读：121 评论：0 收藏：0 [点我收藏+]

<!DOCTYPE html >
<html>
<head>
<title>双击打开链接</title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<style type="text/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%;
height: 301%;
z-index: 3;
}
.test3 span input:focus {
background: transparent;
border: 0;
z-index: 1;
}
</style>
</head>
<body>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
<div class="test3">
<span><input type="text" value=" " readonly="true" />
<a href="http://www.baidu.com">双击我</a></span>
</div>
</body>
<html>

纯CSS实现双击链接跳转功能

标签：纯css实现双击链接跳转功能

原文地址：http://blog.csdn.net/life66881/article/details/46047287

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行