Html CSS3铬合金中的圆角渲染不一致

当页面加载带有圆角的div时，将显示第一幅图像。如果我进入开发者工具，检查元素，然后关闭bg颜色，然后打开它，然后看起来像第二个图像

基本上，对该元素进行任何形式的铬内修改，然后恢复到原来的状态将消除渲染问题

我知道这有点模糊，有代码会有帮助，但它是如此模糊-圆角工作在其他地方

这是一个带有css的div：

background-color: rgb(0, 172, 237);  
border-bottom-left-radius: 16px;  
border-bottom-right-radius: 16px;  
border-top-left-radius: 16px;  
border-top-right-radius: 16px;  
box-sizing: border-box;  
color: rgb(80, 88, 92);  
cursor: default;  
display: block;  
float: left;  
font-family: 'Open Sans', arial, sans-serif;  
font-size: 16px;  
height: 613px;  
line-height: 16px;  
margin-bottom: 0px;  
margin-left: 0px;  
margin-right: 0px;  
margin-top: 0px;  
padding-bottom: 0px;  
padding-left: 0px;  
padding-right: 0px;  
padding-top: 0px;  
width: 920px;

---

有时蓝色区域也会使用方形角渲染。如果你再次在开发者工具中更改css值，然后再更改回来，它会突然变得很好。在其他浏览器中工作得很好。你能分享代码吗？请发布一个完整的代码示例，在本例中包括你的HTML和所有相关css。这在我身上发生过，在chrome上有其他效果，打开inspector工具，甚至稍微移动一下窗口也可以解决这个问题。然而，我从未见过边界半径发生这种情况。一旦我读到这可能是一个GPU加速问题。尝试添加：

-webkit背面可见性：隐藏

禁用加速并查看是否仍然存在相同的问题。另外，请在JSFIDLE或其他东西中发布您的代码，这样我们就可以看到它可能根本不是chrome的问题。