CSS のグラデーションと角丸について_html/css_WEB-ITnose

style="border-radius: 10px; width: 669px; margin: 10px auto; display: none;padding-top:10px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from (#ffffff), to(#e5e5e5));フィルター: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#e5e5e5);背景: -moz-linear-gradient(top, #ffffff , #e5e5e5);background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);"

グラデーションを追加しない場合、ie9 は角を丸めることができます。
グラデーションを追加した後、IE9 には実際には丸い角がありません。

また、このグラデーションはIE6～9、Firefox、Googleでは有効ですが、IE10ではなぜ有効ではないのでしょうか？

何が問題ですか?

もうありません、ごめんなさい、みんなにあげてしまいました。 ディスカッション（ソリューション）

背景：-webkit-gradient（linear、0％0％、0％100％、（#ff​​ffff）から（＃e5e5e5）まで);

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)); に変更されました。 % 0%, 0% 100%, from(#ffffff), to(#e5e5e5));
background:-ms-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to( #e5e5e5));
background:-o-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)); 0% 100%, from(#ffffff), to(#e5e5e5));

1 階 v5 の正しい解決策

背景:gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to ( #e5e5e5));

このエラーが報告されています

gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)) は背景の有効な値ではありません

さらに、IE9 はまだ角が丸いわけではありません。
これらのグラデーション コードがないと、IE9 の角が丸くなります。

IE9 以下では、この背景のグラデーションがサポートされていません。これは css3 のプロパティです

グラデーションについて: IE6 ～ IE9 はすべてグラデーションを使用できますが、IE10 では使用できません。

角丸について: グラデーション コードを追加しない場合、IE9 と IE10 は角が丸くなりますが、グラデーション コードを追加すると、IE9 と IE10 は角が四角くなります。

主人公から与えられたコードが機能しません。
神に尋ねてください。


グラデーションについて: IE6 ～ IE9 はすべてグラデーションを使用できますが、IE10 は使用できません。

角丸について: グラデーション コードを追加しない場合、IE9 と IE10 は角が丸くなりますが、グラデーション コードを追加すると、IE9 と IE10 は角が四角くなります。

主人公から与えられたコードが機能しません。
神に尋ねてください。

Baidu で検索した後、IE9 でグラデーションと角丸を使用するとバグが発生します。詳しくは http://www.w3cplus.com/content/css3-gradient を参照してください

間違っていました、IE11 です。動作しません。IE10 はまだテストされていません。
しかし、グラデーションがかかると丸い角が消えるのはなぜでしょうか?

http://buttoncssgenerator.com を使用することをお勧めします。これは、角丸、プログレッシブ カラー、シャドウなどのさまざまな効果を備えたボタン CSS を生成でき、主要な主流ブラウザーと互換性があります