网格线格式

Question

如果我将此样式（.style（“opacity”，。2）添加到矩形，则网格线显示在矩形的前面，在此示例中为http://bl.ocks.org/bunkat/1962173。是否有办法将形状置于前面或发送网格线？

Answer 1

SVG中的元素按照添加到DOM的顺序显示。也就是说，您想要显示在其他所有内容之上的任何内容都应该最后添加。在您的情况下，您需要在添加网格线后添加矩形。

Answer 2

这是一个与dom顺序和opacity一起玩的jsfiddle： http://jsfiddle.net/laurieskelly/9jr65/

如果您使用相同形状的背景颜色支持形状，则网格线将不会显示。

更简单的解决方案：形状真的需要透明吗？