-crosskit浏览器支持的webkit

Question

我使用-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/

Answer 1

除非您使用图像或行为htc文件来处理圆角，否则无法使其工作。

要检查支持的东西，使用caniuse.com：http://caniuse.com/#search=border-radius

要获得圆角IE8及以下检查以下页面：

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

虽然这些解决方案都不太理想，他们是我害怕的唯一方式......

Answer 2

IE8及以下犯规支持边界半径（CSS3）
为Mozilla的工作，IE9，你可能需要包括
边界半径：为5px;