0

-webkit-border-radius:5px; -moz-border-radius:5px;divの半径に使用しています。Chrome と sfari では正常に動作しますが、Mozilla Firefox と IE8 では動作しません。どうすれば解決できますか

<div style="background-color:#f7f7f7; width:340px; height:175px; -webkit-border-radius:6px;-moz-border-radius:6px;">
              <div style="padding-top:20px;text-align:center"><input name="email" type="text" class="required emailcheck" placeholder="Enter your email address" id="email" style="height:25px; width:200px;-moz-border-radius:5px; -webkit-border-radius:5px; "></div>

              <div style="padding-top:20px;text-align:center"><input type="password" name="password" id="password" placeholder="Password"  class="required" style="height:25px; width:200px; -webkit-border-radius:5px;-moz-border-radius:5px;"></div>


          </div>​

JS フィドルhttp://jsfiddle.net/ranasaani/uHHLX/

4

2 に答える 2

1

画像を使用するか、角を丸くするためのビヘイビアhtcファイルを使用しない限り、機能させることはできません。

何かのサポートを確認するには、caniuse.com を使用します: http://caniuse.com/#search=border-radius

IE8 以下で角を丸くするには、次のページを確認してください。

http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

これらの解決策は理想的とは言えませんが、私が恐れている唯一の方法です....

于 2012-05-29T06:50:49.030 に答える
0


IE8 以下では、mozilla および IE9 で動作するように border-radius(css3) をサポートしていません
。border-radius:5px を含める必要がある場合があります。

于 2012-05-29T06:44:40.523 に答える