我使用css属性shape-rendering: crispEdges来防止矩形形状混叠。这为Chrome和Safari提供了一种美妙，清爽的感觉。
在OSX上的Firefox 25中，使用shape-rendering: crispEdges绘制一个长连接块，而不是1px间距，我们在条之间使用。基本上，看起来实际的SVG容器必须在1/2 px步长上对齐（而不仅仅是它内部的元素）。没有办法通过使用宽度百分比的流畅布局来保证这一点。
以下是一个说明问题的示例：http://jsfiddle.net/dlite/AL2BH/1/。
在OSX上的Firefox 25中是否有解决方法可以获得类似Chrome的crispEdges行为？