在android本机浏览器中使用css半圆的bug

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

有关