Question

我认为对于任何比CSS更高级的人来说，我都有一个简单的问题。基本上，我试图让所有带有链接的六边形不仅仅是将文本作为链接，而是完整的六边形，我正在努力去看看如何在不严重黑客攻击的情况下完成。

任何建议都很棒！

Answer 1

好吧，你可以使用jQuery：

$(".about").click(function(){
 window.location=$(this).find("a").attr("href"); 
 return false;
});

这会使您的“关于我们”标签可以点击。

来源： http://css-tricks.com/snippets/jquery/make-entire-div-clickable/

jsfiddle：http://jsfiddle.net/imemine29/6AbL9/1/ 我已经让它适用于'关于我们'Hex

Answer 2

hi user2478101将您的代码修改为此

$('div[class^=nav-]').on('click',function (e) {
   e.preventDefault();
   var target = $(this).find('a[href^="#"]').attr('href');
   // you code goes here
   });
});

E [foo ^ =“bar”]一个E元素，其“foo”属性值恰好以字符串“bar”开头，请访问http://www.w3.org/TR/css3-selectors/

Answer 3

您不需要CSS3或jQuery，只需使用HTML Map标记即可。此标记允许您通过定义点的坐标来定义多个可点击区域，这些区域可以是任何形状，圆形或三角形等。

它受到广泛支持，不需要javascript。

更多信息：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map

http://www.w3schools.com/tags/tag_map.asp

帮助生成坐标的方便工具如下：http://www.image-maps.com/

使完整的六边形成为可点击的链接

3 个答案: