1

-moz-border-radius を検出する Mozilla に問題があります。通常の境界半径にデフォルト設定されており、それを削除すると、エッジで再び正方形に戻ります。

     -webkit-border-top-right-radius: 15px;
 -webkit-border-top-left-radius: 3px;
 -webkit-border-bottom-left-radius: 15px;
 -webkit-border-bottom-right-radius: 3px;
 -moz-border-radius-topright: 15px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-bottomleft: 15px;
 -moz-border-radius-bottomright: 3px;
 border-top-right-radius: 15px;
 border-top-left-radius: 3px;
 border-bottom-left-radius: 15px;
 border-bottom-right-radius: 3px;

mozilla が border-radius の -moz- を削除したと聞いたことがありますが、これを確認できる人はいますか? このコードを使用してサイトのボタンを作成していますが、クロスブラウザーで動作させるのに問題があります。

    /* BACKGROUND GRADIENTS */
 background: #A2C838;
 background: -moz-linear-gradient(top, #A2C838, #92B432 50%, #82A02D 51%, #718C27);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A2C838), color-stop(.5, #92B432), color-stop(.5, #82A02D), to(#718C27));
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#A2C838', EndColorStr='#718C27'); /* IE6,IE7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A2C838', EndColorStr='#718C27')"; /* IE8 */

問題は、現在 mozilla と IE に影響を与えているように見えるので、border-radius を実際に使用できないことですが、IE はグラデーションをサポートしていないため、フィルターを使用する必要がありました。両方を正方形にすることもできますが、丸みを帯びた角の外観が好きで、保存できればよいと思います. 前もって感謝します。

4

3 に答える 3

1

IE で角を丸くする必要がある場合は、事前にレンダリングされたグラデーション イメージをフィルターの代わりに背景として使用するかborder-radius、コンテナー要素に適用して使用overflow: hiddenして、グラデーション フィルターがコンテナーの境界線によって切り取られるかどうかを確認します。

mozilla が border-radius の -moz- を削除したと聞いたことがありますが、これを確認できる人はいますか?

はい、Firefox 13 でなくなりました。

同じプロパティの標準バージョンが非常に長い間適切に実装されている場合、非標準プロパティをサポートしても意味がありません。ベンダープレフィックスの全体的なポイントは、最終的に標準になるかどうかわからない実験的な実装を提供することであるため、どのような状況でも、標準のプレフィックスなしバージョンよりも非標準のプレフィックス付きバージョンを使用する理由はありません。これらの非標準のプロパティが常にそこにあることに依存することはできません。

IE フィルタは常に を無視border-radiusしますが、これは設計によるものです。しかし、あるブラウザが非標準的な方法で何かを実行しているからといって、他のすべてのブラウザで非標準化する必要があるわけではありません。その上、とにかく IE は角を直角border-radiusにするので、コードで接頭辞を付けないままにしておくことは実際には何の害もありません。

于 2012-10-05T12:19:24.057 に答える
0

PIE.HTC - プログレッシブ Internet Explorer HTML コンポーネントを使用して、IE で境界半径と線形グラデーションの両方を使用できます。したがって、Microsoft フィルターを使用する必要はありません。

于 2013-02-22T12:14:36.017 に答える
0 
border-radius:10px;
-moz-border-radius:10px;

CSS に border-radius を追加します

于 2012-10-05T12:17:00.590 に答える