嗨,我遇到了铬问题的麻烦。我认为这可能是一个错误,但我找不到太多信息。基本上我想在图像上应用边界半径。边界半径将是50%形成一个圆。我把它设置为%的原因是因为我不会明白知道图像的宽度/高度。
为什么chrome没有显示边框相关的任何想法?我还没有测试FF< 4.但是FF4和IE的改变一样好用
答案 0 :(得分:2)
你想做什么?你想在图像后面出现一个圆圈吗?这就是我在FF中看到的。在Chrome中,圆圈会剪切图像的边缘。
根据规范 - http://www.w3.org/TR/css3-background/#corner-clipping - 内容应该被截断。
替换元素的内容是 总是修剪到内容边缘 曲线。
对我而言,这意味着Chrome正在严格遵守规范。
答案 1 :(得分:2)
Webkit目前不会剪切图像的角落。从图片中删除src
标记,您会看到边框正确舍入。
一种解决方法是您可以在css中设置background-image
属性:http://jsfiddle.net/tEzwJ/
答案 2 :(得分:1)
通过在父级上添加边框和border-radius,我找到了解决方法。然后我也将边界半径应用于图像。虽然有一点距离它现在在chrome中有效。我没有在FF3.6中测试它。但FF4显示相同的结果