- 크로스 브라우저에서 웹킷 지원

Question

div의 반경에 -webkit-border-radius:5px; -moz-border-radius:5px;을 사용하고 있습니다. 그것은 크롬과 sfari에서 잘 작동하지만 Mozilla Firefox와 IE8에서는 그렇지 않습니다. 나는 경계 반경 (CSS3)
는 모질라 작동하고 IE9 당신이
국경 반경을 포함해야 할 수도 있습니다를 지원 나던 아래에

<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/

Answer 1

이미지를 사용하거나 둥근 모서리에 htc 파일을 사용하지 않으면 작동하지 않을 수 있습니다. 이 솔루션은 이상적이지 비록

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

:

, 뭔가에 대한 지원을 확인 caniuse.com 사용하려면 http://caniuse.com/#search=border-radius

는 IE8에 둥근 모서리를 얻을 수 아래의 다음 페이지를 확인하려면를 그들은 내가 두려워하는 유일한 방법입니다 ....

Answer 2

IE8를 해결 수있는 방법 : 5px;