Html 铬不'；t在圆形img上显示背景

我正在尝试实现这一点：

它由一个绿色虚线图像和一个圆形的

img

标签组成。 这是你的电话号码

Html:

Css:

.round{
边界半径：200px 5px 5px；
}
.img点包装器{
背景图像：url（“http://up.0se.ir/uploads/38d9365a30559bb58eb729a5955b3987185f83ad.png");
背景重复：无重复；
}

这在FF中运行良好，但是在基于chrome的浏览器中，它不会显示绿色虚线图像

如果我在

img

标签上添加一个边距（甚至1px），将显示绿色虚线图像

---

我怀疑这是渲染重叠图像时的一个优化错误，但不确定。你认为这是一个bug吗？

我已经在chrome浏览器上测试了你的

jsfiddle

，它可以正常工作。你可以添加背景尺寸：contain；或者删除背景重复，改为添加float:left我可以看到问题有时会出现，然后消失它在Google Chrome中工作正常没有问题：）@Derek.W它在Chrome mobile中也不工作！它在背景上消失了，不重复，把它改成repeat-y或者像我以前看到的那样