border-radius樣式在android瀏覽器中不起作用

Question

我創建了一個網站，我打算在一些移動設備上顯示。 問題是我創建了幾個菜單選項作為圓圈。

為了達到這個效果，我在樣式表中使用了border-radius，而在-webkit-border-radius和-moz-border-radius也是如此。

在計算機上它在我擁有的瀏覽器（firefox和chrome）中看起來很好，但是當我移動到android瀏覽器時，這些圓圈被重置為方形div。 這是因為頁面的加載。

我可以使用其他特殊風格的Android嗎？ 我需要像jQuery mobile這樣的東西嗎？

總之，我會把代碼放進去，但是如果有人這樣做了，可以分享這些信息嗎？ 謝謝

Answer 1

看到這篇文章的答案： Galaxy S4股票瀏覽器CSS3 border-radius支持？

只需使用擴展的border-left-radius，border-right-radius等作為解決方法; 這是新Android 4+瀏覽器的一個小故障; 已提交錯誤報告。

Answer 2

嗨我用它來漸變。 這在大多數瀏覽器中都可以正常工作。

`background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#B4DCFA), to(#FF0000));
-webkit-border-radius:11px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.8);   
/* For WebKit (Safari, Google Chrome etc) */
/* For Mozilla/Gecko (Firefox etc) */
/* For Internet Explorer 5.5 - 7 */
/*-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B4DCFA,   endColorstr=#FF0000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4DCFA), to(#FF0000));
`

你能發一下代碼嗎？