1
私は今、数日間奇妙な問題に苦しんでいます。私は私のウェブサイトで大きな三角形を使用しています。私はpngやその他の形式で三角形を作ると、これが鮮明に見える大きなチャンスがあることを知っています。それで私はsvgのアプローチに行くのです。インラインsvgボーダーバグ
最初に私が近づいたのは、svg要素の下に大きな境界線でした。これは、単にvertical-align: top;をsvg要素に追加することで修正されました。
問題は、一部のブラウザでは非常にバグが多いことです。一部のブラウザでは、サイズ変更時にその下に線が表示されます。時にはラインが常にそこにあることもあります。
以下の画像は、問題を示して、このサイズを変更したときにサファリ10.1に取っている： 
これは、それが 
SVGどのようにすべきであるが絶対的に配置されている私
があります以前この問題に直面していて、これで私を助けることができる人は誰ですか？
なぜ:: beforeと:: after要素を使うことができるのは、バッターで簡単です。 –
確かに私は前でも後でも使うことができますが、なぜそれが良いのか分かりません。私はこれが何も修正しないと思う。 –
フィドルそれ。そうでなければ、具体的なことは言い難い。 – llobet