Transparent corners
Hi all,
I've made the corners of an image rounded, but when I place a background of a different colour behind it, the square corners still show.
Any ideas in how to make the corners totally transparent.
BTW I'm using Photoshop CS2.
Gary
Gary
JeevesBond posted this at 02:07 — 3rd January 2008.
He has: 3,956 posts
Joined: Jun 2002
It doesn't really matter what image editor you're using, the problem here is what Web browsers (or one browser, in particular) can support. The only way you'll get this to work is with a PNG image with a transparent background. Only problem is: Internet Explorer 6 doesn't support this. Most Web designers just put up with it and make the image match the background colour.
There are two other options: there's a complicated hack for Internet Explorer 6 to make it display transparent PNGs properly, or you could take a chance and ignore IE6 altogether.
a Padded Cell our articles site!
graisbeck posted this at 13:07 — 8th January 2008.
He has: 49 posts
Joined: Jul 2007
Thanks for your input jeevesbond but I did solve the problem using gif images.
JeevesBond posted this at 13:11 — 8th January 2008.
He has: 3,956 posts
Joined: Jun 2002
Hmmm, that'll work, but they'll have jagged edges. You really need alpha-transparency to get really nice rounded corners.
graisbeck posted this at 16:43 — 8th January 2008.
He has: 49 posts
Joined: Jul 2007
The corners are actually ok jeevesbond unless you look very closely.
http://www.british-interiors.co.uk
Please let me know what you think.
JeevesBond posted this at 21:35 — 8th January 2008.
He has: 3,956 posts
Joined: Jun 2002
That's true: they look good!
webwiz posted this at 19:44 — 10th January 2008.
He has: 629 posts
Joined: May 2007
I think you would do better by using PNG-8 with alpha transparency for modern browsers, and binary transparency (like GIF) for IE 6 and earlier:
www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
Sadly, Photoshop does not support this natively. Does anyone know of a plug-in?
Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.