Creating a grid overlay over an image in CSS

Giganews Newsgroups
Subject: Creating a grid overlay over an image in CSS
Posted by:  kaczma…@hotmail.com
Date: 3 Aug 2006

Hey there,

I have a large image in a browser window, and I would like a way to
overlay grid lines on top of the image, so a user can show the grid or
hide the grid lines.  The grid would cover 100% of the image, and all I

would need is a set of horizontal and vertical lines over the image to
create a grid overlay.

Two requirements would be to:

1) show/hide the grid
2) change the spacing between the grid lines

Is there a way I can leverage some functionality in CSS to do
this?  I can't use any server side 3rd party components, and I would
rather not do this using something on the server side like GDI+ through

ASP.NET.

Thanks,

Christian

Replies