html - android native 浏览器中的 css 半圆错误

Question

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

https://pp.vk.me/c540102/c617716/v617716567/1a373/HP4yReINnwg.jpg

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

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

Answer 1

尝试独立声明它们，即；

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

因为它可能与这个 border-radius not working in modern native Android browser 有关