0

私のボタンは、IE を除く他のすべてのブラウザーで動作します。「border-radius」は IE で機能すると思われますか?

スタイルが正しくないボタンのスクリーンショット

.simpleHelp {
  border-top: 1px solid #ffffff;
  background: #910330;
  background: -webkit-gradient(linear, left top, left bottom, from(#790228), 
  to(#910330));
  background: -webkit-linear-gradient(top, #790228, #910330);
  background: -moz-linear-gradient(top, #790228, #910330);
  background: -ms-linear-gradient(top, #790228, #910330);
  background: -o-linear-gradient(top, #790228, #910330);
  padding: 10.5px 21px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #ffffff;
  font-size: 17px;
  font-family: Georgia, Serif;
  text-decoration: none;
  vertical-align: middle;
 }
4

2 に答える 2

1

Border-radius (そして、実際にはすべての CSS3) は IE9+ でのみ機能しますが、 CSS3PIEと呼ばれる楽しい小さなライブラリを使用して、CSS3 のものを古いバージョンの IE9 に「レトロフィット」することができます。IE で境界線と影が本当に必要な場合は、CSS3PIE が最適です。ただし、古いブラウザーを適切に劣化させることも問題ありません。

于 2012-09-13T14:44:02.307 に答える
0

残念ながら、border-radius は IE9 以降でしか機能しません。

http://www.findmebyip.com/litmus/

于 2012-09-13T13:58:18.690 に答える