实现超级链接需要双击后跳转代码,Css代码库,德仔网

代码语言

代码分类

【Css】实现超级链接需要双击后跳转

作者:Robin / 发布于2014/11/5/ 352


	.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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　双击后跳转　

同语言下

可能有用的

Robin贡献的其它代码(16)