Html 边框半径,框阴影嵌入像素化/粗糙
如果你看不到这个问题,那么请试着看看这个,在这里你应该明白我的意思 我试过几种方法来修复它。在下面的评论中,您可以看到其中一个。但它似乎在适当的边界和阴影之间渲染1px粗糙边界 如果它依赖于浏览器渲染器,那么它是一个bug吗? 如何为所有现代浏览器正确修复它Html 边框半径,框阴影嵌入像素化/粗糙,html,css,box-shadow,Html,Css,Box Shadow,如果你看不到这个问题,那么请试着看看这个,在这里你应该明白我的意思 我试过几种方法来修复它。在下面的评论中,您可以看到其中一个。但它似乎在适当的边界和阴影之间渲染1px粗糙边界 如果它依赖于浏览器渲染器,那么它是一个bug吗? 如何为所有现代浏览器正确修复它 html{ 背景色:#554343; } div{ 显示:块; 宽度:300px; 高度:300px; 保证金:0自动; 边界半径:50%; 边框宽度:0;/*无结果 边框宽度:2px;//未注释无结果 边框样式:实心;//未注释,即使有
html{
背景色:#554343;
}
div{
显示:块;
宽度:300px;
高度:300px;
保证金:0自动;
边界半径:50%;
边框宽度:0;/*无结果
边框宽度:2px;//未注释无结果
边框样式:实心;//未注释,即使有插图也没有结果*/
背景色:白色;
盒影:插入1px 1px 150px,插入-1px-1px 150px;
}
看起来像是打开的Chrome bug。我想不出解决你案子的办法。如果你想尽快解决这个问题,请在bug tracker上投票 也许使用供应商前缀?@Dmitry谢谢,但这是错误的方式,你想要的结果像代码片段…只是评论背景颜色:白色;