android本机浏览器中的css半圆错误答案

【问题标题】：Bug with css semicircle in android native browserandroid本机浏览器中的css半圆错误
【发布时间】：2014-11-24 23:06:40
【问题描述】：

我想用 css 干燥半圆。在所有其他浏览器中它运行良好，但在 Android 原生浏览器中它看起来像这样：

div {
    width: 56px;
    height: 30px;
    border-radius: 56px 56px 0px 0px;
    background: green;
    background: #7ed035;
}

这是 jsfiddle 中的代码： http://jsfiddle.net/ewz7us6r/1/

【问题讨论】：

【解决方案1】：

尝试独立声明它们，即；

border-top-left-radius: 56px;
border-top-right-radius: 56px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;

【讨论】：