Bob Meetin wrote: > Thierry Koblentz wrote: >>> My client will upload images and I'd like to put rounded corners on it...is >>> there a way to do so? >>> You could try something like this: >>> http://www.tjkdesign.com/articles/overlay/tv_overlay.asp >>> >>> styling the background image of an IMG element. >>> > The above technique works if you use the background image as the source > and the true/regular image as the styled background: > > <img style="background:url(images/src_image.jpg);" > src="images/bg_image.jpg"> > > However if you don't have the flexibility to be able to swap the src and > background images, is there a way to overlay a background image above > the src image? Needs to be something like: > > <img style="background:url(images/src_image.jpg);" > src="images/bg_image.gif"> > > or > > CSS style: > > .overlay { background: url(images/bg_image.gif } > > HTML: > > <img src="images/bg_image.gif" class="overlay"> >
Including an anchor element <a> which has the rounded corners after the image <img> may help. Similar to this approach which uses a semi-transparent overlay. <http://css-class.com/test/demos/thumbgallery6.htm> -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
