html – 我可以拥有链接的不可点击部分吗？

概述希望很简单,在下面的例子中,我希望链接的蓝色部分是可点击的(作为链接),但红色部分不是.我计划在使用 Javascript后订阅红色部分的onclick事件. 花了一个小时在这上面,无处可去！有人知道怎么做这个吗？ .outer{ width:300px; height:50px; background-color:blue; position:relative; 希望很简单,在下面的例子中,我希望链接的蓝色部分是可点击的(作为链接),但红色部分不是.我计划在使用 Javascript后订阅红色部分的onclick事件.

花了一个小时在这上面,无处可去！有人知道怎么做这个吗？

.outer{    wIDth:300px;    height:50px;    background-color:blue;    position:relative;    display:block;    color:white;    z-index:1;}.inner{    wIDth:150px;    height:25px;    background-color:red;    top:0;    right:0;    position:absolute;    pointer-events:none;    z-index:2;}

<a href="http://Google.co.uk" >    Clickable    <div >        Not clickable    </div></a>

我认为内部div具有更高的z-index而没有指针事件会这样做,但似乎不起作用.

有人有什么想法吗？

解决方法 而不是像这样的黑客攻击,这是一个非常糟糕的做法.为什么不：

.outer {  background-color: red;  display: inline-block;}.inner {  background-color: blue;  wIDth: 300px;  display: inline-block;}span {  display: inline-block;}

<div >  <a href="http://Google.co.uk" >Clickable</a>  <span>Not clickable</span></div>

总结

以上是内存溢出为你收集整理的html – 我可以拥有链接的不可点击部分吗？全部内容，希望文章能够帮你解决html – 我可以拥有链接的不可点击部分吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。