Android浏览器错误地显示边框半径为的图像周围的边框

Android浏览器错误地显示边框半径为的图像周围的边框,android,html,css,border,Android,Html,Css,Border,我在正确显示图像周围的边框时遇到一些问题。除了一个浏览器外,所有浏览器都正确测试了图像。显示问题的浏览器是我自己的HTC One(Android KitKat 4.4)上的股票浏览器 编辑:它可以在Galaxy S4的股票浏览器上完美运行 此浏览器中的问题是,边框仅显示在四个点上(顶部、右侧、底部、左侧),而边框的其余部分由图像本身覆盖。一张图片上有一千多个单词,所以我在下面的链接中包括了两个截图 图像的基本标记: border-radius: 50%; border: 1px solid #8

我在正确显示图像周围的边框时遇到一些问题。除了一个浏览器外,所有浏览器都正确测试了图像。显示问题的浏览器是我自己的HTC One(Android KitKat 4.4)上的股票浏览器

编辑:它可以在Galaxy S4的股票浏览器上完美运行

此浏览器中的问题是,边框仅显示在四个点上(顶部、右侧、底部、左侧),而边框的其余部分由图像本身覆盖。一张图片上有一千多个单词,所以我在下面的链接中包括了两个截图

图像的基本标记:

border-radius: 50%;
border: 1px solid #818d94;
图像:

border-radius: 50%;
border: 1px solid #818d94;


感谢您抽出时间

浏览器的渲染方式都不同。Android上的股票浏览器是功能最差的。我读到过,与其试图在浏览器上显示圆角,不如咬紧牙关,使用图像。很糟糕,但是混合动力车不是一直都能完成任务谢谢你的回复,马丁。我为一个相当大的项目()构建了整个前端,这是一个用户驱动的平台。跨浏览器测试是我最不喜欢的事情之一。我可以使用透明覆盖,但有不同的背景,等等。如果我必须在忽略HTC One的Android股票浏览器上的渲染或在此时实现图像之间做出选择,我会忽略这个问题。我正在努力成为一名像素级的完美开发者,这件小事让我发疯。