CSS实现超级链接需要通过双击后跳转
网站建设 2023-01-28 20:49www.1681989.com免费网站
CSS代码
.test3 span {
position: relative;
}
.test3 span a {
position: relative;
z-dex: 2;
}
.test3 span a:hover, .test3 span a:active {
z-dex: 4;
}
.test3 span put {
background: transparent;
border: 0;
cursor: poter;
position: absolute;
: -1px;
left: 0;
width: 101%; / Hacky /
height: 301%; / Hacky /
z-dex: 3;
}
.test3 span put:focus {
background: transparent;
border: 0;
z-dex: 1;
}
html代码
<div class="test3">
<span><put type="text" value=" " readonly="true" />
<a href="http://.baidu.">Double click me</a></span>
</div>
复制代码
代码如下:.test3 span {
position: relative;
}
.test3 span a {
position: relative;
z-dex: 2;
}
.test3 span a:hover, .test3 span a:active {
z-dex: 4;
}
.test3 span put {
background: transparent;
border: 0;
cursor: poter;
position: absolute;
: -1px;
left: 0;
width: 101%; / Hacky /
height: 301%; / Hacky /
z-dex: 3;
}
.test3 span put:focus {
background: transparent;
border: 0;
z-dex: 1;
}
html代码
复制代码
代码如下:<div class="test3">
<span><put type="text" value=" " readonly="true" />
<a href="http://.baidu.">Double click me</a></span>
</div>