铬百分比的css边界半径bug

时间:2011-06-01 13:40:37

标签: html css css3 google-chrome

嗨,我遇到了铬问题的麻烦。我认为这可能是一个错误,但我找不到太多信息。基本上我想在图像上应用边界半径。边界半径将是50%形成一个圆。我把它设置为%的原因是因为我不会明白知道图像的宽度/高度。

为什么chrome没有显示边框相关的任何想法?我还没有测试FF< 4.但是FF4和IE的改变一样好用

3 个答案:

答案 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显示相同的结果