2017-04-03 56 views
1

现在我在一个奇怪的问题上挣扎了好几天。我在我的网站上使用大三角形。我知道如果我用png或其他任何格式制作三角形,很有可能看起来很脆。这就是为什么我去svg方法。内联svg边框错误

我接触到的第一件事是svg元素下的一个大边框。通过简单地将vertical-align: top;添加到svg元素可以解决这个问题。

问题是它在某些浏览器中很麻烦。调整大小时,某些浏览器会在其下方显示一条线。有时候线路总是在那里。

下图说明了这个问题,调整大小时,这是考虑在Safari 10.1: enter image description here

这是应该的 enter image description here

SVG的绝对定位我

有任何以前遇到过这个问题的人都可以帮我解决这个问题?

+0

为什么你可以使用:: before和:: after元素它的连击和容易。 –

+0

当然,我可以使用之前或之后,但我不明白为什么它更好。我认为这不能解决任何问题。 –

+0

小提琴。否则很难说具体的东西。 – llobet

回答

0

感谢您帮助家伙,真的很感激!

我结束了一个(脏)修复。

被对齐底部的元素,我给一个transform: translate(0, 0.4px);

而被放置在顶部的元素,我给一个transform: translate(0, -0.4px);

现在这似乎是一个很好的修复,而不破坏布局!