小编lin*_*scl的帖子

我想做什么:

我想创建一个如下所示的径向菜单,考虑图片中的所有元素交互,即中心的图像以及它周围的四个四分之一.解决方案与跨浏览器兼容非常重要.这只是一个简单的例子,因为零件实际上不必是四分之一,它们可以是任何可能数量的零件:

解决方案迄今为止:

我已经尝试过使用带边框的CSS3圆形div,其中边框将这些图像作为背景,但并不是很好用,因为每个元素都必须是一个独立的元素.

我听说过css-shapes,但我不知道怎么用它来创建径向菜单.

编辑: 也许有一种方法可以为每个图像添加文本标题...

谢谢你的帮助!