Android WebView 边框半径混叠 [英] Android WebView border-radius aliasing

问题描述

在我的 android 模拟器上使用 border-radius 时，我看到了这样的丑陋:

When using border-radius on my android emulator I am seeing ugliness like this:

丑边框半径 http://beautifulpixel.com/assets/5554_FastAndSmall-201007130326.png

无论如何要让 Android 通过 -webkit-border-radius 以更令人愉悦的方式显示圆角?大多数现代桌面浏览器和 Mobile Safari 似乎都可以消除其角落的锯齿，但 Android 的渲染器却没有.

Is there anyway to get Android to display rounded corners via -webkit-border-radius in a more pleasing way? Most modern desktop browsers and Mobile Safari seem to antialias their corners, but not Android's renderer.

我真的希望我不必对图像执行此操作，并且有一些很棒的技巧可以仅使用边框半径 css 声明来获得漂亮的角落.

I'm really hoping I don't have to do this with images, and there is some awesome trick to get pretty corners with only a border radius css declaration.

推荐答案

遗憾的是，在当前的 Android 版本中没有针对此问题的无图像解决方案.

There is no imageless solution to this in the curent Android release, sadly.

这篇关于Android WebView 边框半径混叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！