‘DOM-foolery’ with Images

August 26th, 2005  |  Published in Blogroll, CSS, HTML

‘DOM-foolery’ with Images:

So, what I wanted was a way to select all images in a specified area and apply a customized corner effect to them. I also want it to work invisibly within a CMS environment, requiring no prior knowledge or, for that matter, even conscious effort from it’s users.

So, what are the alternatives? As it turns out, not even CSS3 or Mozilla specific styles can offer us much help. Moz can do borders that curve behind the corners — a nice enough look, but not what we’re after here. Safari can hold multiple backgrounds but that’s not much use elsewhere. The only viable solution appeared to me to be a touch of ‘DOM-foolery’.

Example of the problemFirstly, we’ll need to work out a repeatable method to get the effect, forgetting (for now) about sound markup technique.

[MORE...]

Very nice clean implementation. might play around with this today…

(Via SitePoint’s Design Blog: Pixel Perfect.)

Comments are closed.