webkit框四捨五入難點

我想在我的html代碼中實現一個圓角到框。當我在Chrome上運行該文件時，我有框和所有屬性，但角落不會圓。我在MAC OSX Lion上使用Komodo Edit。解決方案是什麼？感謝webkit框四捨五入難點

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset=="utf-8" /> 
<link rel="stylesheet" href="new.css" /> 
</head> 
<body> 
    <div id="box"> 
    <p id="text"> Hello </p> 
    </div> 
</body> 
</html>

CSS3：

body { 
    text-align:center; 
} 

#box { 
display: block; 
width: 500px; 
margin:50px auto ; 
padding:15px ; 
text-align:center; 
border: 1px solid blue; 
background: red; 
-webkit-border-radius: 25p; 
} 

#text { 
    font:bold 100px Century Gothic; 
}

來源

2012-01-27 Elmir Kouliev

問題可能是它應該是25px而不是25p。但是，根據你的Chrome版本，你應該放棄-webkit-並使用border-radius;

來源

2012-01-27 14:25:43

它的工作！非常感謝你 – 2012-01-27 14:34:02

你不需要在那裏-webkit-。只需使用border-radius。

主要問題是您錯過了25px上的x。

來源

2012-01-27 14:24:33

看起來像一個錯字

-webkit-border-radius: 25p;

應該

-webkit-border-radius: 25px;

你錯過了一個X。對於跨瀏覽器合規性，您應該使用幾個前綴。

-moz-border-radius: 25px; /*Firefox*/ 
-webkit-border-radius: 25px; /*Safari/Chrome/Konqueror*/ 
-khtml-border-radius: 25px; /*Konqueror*/ 
border-radius: 25px; /*Chrome*/

來源

2012-01-27 14:34:32 Tribbey

webkit框四捨五入難點

回答

相關問題