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