Home > Developer > Web Develop
Pure CSS enables double-click link jump, css double-click link jump
<! DOCTYPE html>
<Html>
<Head>
<Title> double-click the link. </title>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gbk"/>
<Style type = "text/css">
. Test3 span {
Position: relative;
}
. Test3 span {
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 = "& nbsp;" readonly = "true"/>
<A href = "http://www.baidu.com"> double-click me </a> </span>
</Div>
</Body>
<Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
