Webkit中的Renderin-Bug具有背景色和边框半径
麦克风
如果我使用浮动的块元素作为图像的容器，并且图像具有一定的边界半径，则所有Webkit浏览器在渲染容器元素的背景颜色时都会遇到问题。在IE 11和最新的Firefox中，一切正常！
这是一个小提琴，例如：http : //jsfiddle.net/5wZeG/2/
CSS：
.galerie-image {
background: #00DDDD;
border-radius: 10px;
height: 200px;
width: 200px;
display: block;
float: left;
}
.galerie-image img {
border: 0;
border-radius: 50% 10px;
height: auto;
margin-bottom: -4px;
width: 100%;
}
HTML：
<a class="galerie-image" target="_blank" title="The Quadrat" href="http://google.com">
<img alt="Quadrat" title="The Quadrat" src="http://dummyimage.com/400x400/000/fff&text=Placeholder" />
</a>
和图片：FF vs chrome： 
这是一个错误还是有一个简单的解决方案？（先感谢您！）
梅尔文·帕瓦尔
这也可能是在歌剧上发生的渲染错误，可以将图像的宽度设置为width的临时解决方案：99.99999％；
.galerie-image img {
border: 0;
border-radius: 50% 10px;
height: auto;
margin-bottom: -4px;
width: 99.99999%;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在Chrome中，添加边框半径还会添加背景色。为什么？
- 2
在Chrome中，添加边框半径还会添加背景色。为什么？
- 3
在引导程序中具有链接项和背景色的列表组
- 4
CSS在同一div中具有背景色，文本和图像
- 5
如何在QTableWidgetItem中设置单元格边框和背景色？
- 6
具有背景色的透明边框
- 7
如何仅选择Excel中具有背景色的情况？
- 8
将H1居中于具有背景色的div中
- 9
TableLayout中的背景图片和背景色
- 10
在Fabricjs的背景文本中添加填充和边框半径
- 11
CSS中的边框半径和背景颜色冲突
- 12
如何在HTML中创建带有图标，文本和背景色的选项？
- 13
Android Studio 4.1带边框的按钮会丢失Kotlin代码中的边框设置背景色
- 14
WebKit边框半径和过渡错误
- 15
Mozilla和IE中无法使用背景色
- 16
在emacs中，如何像下面的视频那样突出显示并闪烁具有变化的背景色的当前行？
- 17
UIView背景色带有Xib中的Alpha
- 18
如何在圆div中创建基于背景色的边框？
- 19
如何在圆div中创建基于背景色的边框？
- 20
在组合框中更改每个项目的前景色和背景色
- 21
反转tmux中当前选项卡的前景色和背景色
- 22
Webkit中的enableObjectResizing和enableInlineTableEditing
- 23
CSS：Webkit输入占位符背景色
- 24
在webkit-filter之后获取元素的背景色
- 25
IE11中背景图片和边框半径的奇怪问题
- 26
框的边框上有一个半径，但是封闭的背景色超出了此范围
- 27
边框线出现在具有背景色的图像上
- 28
边框线出现在具有背景色的图像上
- 29
具有动态背景的CSS中的穿孔样式边框
我来说两句