在逛http://mindstore.io/的时候发现把鼠标移到每个条目的区域的时候,点击就可以跳转到该站的产品分享页面(如http://mindstore.io/mind/4752/),点击每个条目的标题的时候会直接跳到产品官网。
F12看了下,<li>并没有绑定事件,想知道这个是怎么实现的?
另外看了下36kr的NEXT(http://next.36kr.com/posts),发现他们是直接通过Block上面盖一层<a class="product-link" href="/posts/15379" target="_blank"></a>来实现的。
但是自己试的时候发现这么做,那么产品Title那个链接移上去没反应。把Title的z-index调高也没用,这个又是怎么回事呢?(代码链接:
https://jsfiddle.net/krswwukh/1/