That is what I see in FF.In Chrome, the circle is clipping the edges of the image According to the spec w3.org/TR/css3-background/#corner-clipping content is supposed to be truncated The content of replaced elements is always trimmed to the content edge curve Which, to me, means that Chrome is following the spec correctly on this.
That is what I see in FF.In Chrome, the circle is clipping the edges of the image. According to the spec -- w3.org/TR/css3-background/#corner-clipping -- content is supposed to be truncated. The content of replaced elements is always trimmed to the content edge curve.
Which, to me, means that Chrome is following the spec correctly on this.
Webkit doesn't currently clip corners of images. Remove the src tag from the image and you'll see that the border is being rounded correctly. One workaround is you could set the background-image property in css: jsfiddle.net/tEzwJ.
Thanks for this. I did know of the background-image as a solution, but didn't really want to go down this route. But it might be the only solution.
Its an odd choice for webkit not to clip images – ivordesign Jun 1 at 15:26 I'd file it as a webkit bug, since even if you have the containing image isn't even clipped! This page provides some more useful examples as well: bradclicks. Com/cssplay/BorderImageAndRadius.
Html – scurker Jun 1 at 19:28.
I figured out a way around it, by adding the border and the border-radius onto the parent . I then applied the border radius to the image too. Although there is a minute gap It works in chrome now.
I haven't tested it in FF3.6. But FF4 displays the same result.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.