English 中文(简体)
在谷歌 Chrome的CSS,我怎么做四舍五入的玉米
原标题:How do I do rounded corners in CSS in Google Chrome
  • 时间:2009-10-02 07:38:11
  •  标签:

基本上我正在努力解决如何在CSS中为DIV做圆角,以在谷歌浏览器中呈现。

最佳回答

页: 1

-webkit-border-radius: 10px;

页: 1

-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;

左上左上角和底层左上下8皮克

您可以使用:

-moz-border-radius: 10px;

页: 1

-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;

页: 1

问题回答

3. 涵盖 Chrome、FF以及支持SS3的任何浏览器:

{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

象你这样说,是今后用的:

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

这样,当IE9/IE10发表你的法典时,还将在那里开展工作。

鉴于所有浏览器现在都支持边境半径,没有预设装置;见:。 如今使用的正确的辛迪加只是:

border-radius: 5px;

是的,但唯一的问题是,你实际上 throw倒了错误,因为IE被劫持,微薄不希望做任何事情,而这种固定办法就是使用,但我想象大多数人都知道这一点。 但是,我之所以这样做,是因为它始终为我和所有主要浏览者服务。 各位来到这里。

var obj= document.getElementById( divName );
var browserName=navigator.appName; 
var browserVer=parseInt(navigator.appVersion); 
//alert(browserName);
if ((browserName=="Microsoft Internet Explorer")) {
obj.style.borderRadius = "15px";
}else {
    obj.style.MozBorderRadius = "15px";
    obj.style.WebkitBorderRadius= "15px";

}




相关问题
热门标签