- From: fantasai <fantasai.lists@inkedblade.net>
- Date: Wed, 10 Sep 2008 09:08:16 -0700
- To: Brad Kemper <brad.kemper@gmail.com>
- CC: David Hyatt <hyatt@apple.com>, www-style <www-style@w3.org>
Brad Kemper wrote: > >> I've added a non-normative note saying >> It is recommended that the UA stylesheet apply overflow: hidden to >> elements (such as the <img> element in HTML) that are expected to be >> replaced elements so that their corners automatically trim to the >> border radius. >> >> I can make this normative if you like. > > I think this should only be if the element with border radius also has > non-visible overflow. Otherwise, if the image is larger than the box, > there will be an odd shape in those corners missing from the visible > overflow. > > Also, if the box is set to non-visible overflow, it should clip any > contents at the rounded corners, including text. > > I created a sort of test case using webkit-prefixed properties here: > > http://bradclicks.com/cssplay/radiusTrim.html > > The fourth and fifth examples would be effected by the note in the > draft, with the forth one looking like it does with background-image, > but the fifth would look odd. I'm only saying the img element itself should get 'overflow: hidden', not any elements surrounding it. ~fantasai
Received on Wednesday, 10 September 2008 16:09:06 UTC