問題タブ [border-radius]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 上のレイヤーが異なる色である場合の境界半径の不具合
おそらく、div のエッジのアンチエイリアシングに問題があります。ここでは、丸い角の近くに細い白い線が見えます。
それを修正する方法はありますか?
html - Firefox と Chromium で、border/border-radius の結果が異なる
次の CSS を使用して、非常に単純な 2D 川の形状を生成しています。
Firefox では、次の HTML<div class="river-left"></div><div class="river-right"></div>
が次の画像に示す形状を生成します。
しかし、Chromium では、完全に異なる (さらに悪い) ように見えます。
これを解決するために -webkit- プロパティを使用しようとしましたが、その方法がわかりませんでした。これらの形状を作成するためのより一般的なアプローチは、SVG を使用することだと認識しています。私は SVG に切り替えるかもしれないと思います (これはアイデアの簡単なモックアップにすぎませんが) が、この不一致を解決する方法を知っておくとよいでしょう。