addition to .showgrid class

[GoogleCodeExporter]

.showgrid * { background-color: transparent !important; }

Makes the showgrid more useful when you are using background colours. Won't
help with background images, but these might be essential (eg.
text-replacement) images.

Original issue reported on code.google.com by nitsche....@gmail.com on 20 Feb 2008 at 11:56

[GoogleCodeExporter]

It's a good idea, but I'm not sure it's an effect people want in every 
situation. For instance, if you have a box 
width a background color, you might want that color to see if the box itself 
aligns with the grid. 

It might also be confusing to users if the background colors disappears when 
using showgrid. 

Bah, can't decide.. :-)

Original comment by ola...@gmail.com on 21 Feb 2008 at 8:42

[GoogleCodeExporter]

Maybe there is another way to do it? I toyed with the idea of using CSS3's 
rgba/hsla
but I don't think there is enough support for it yet, plus I don't know if you 
can
just override the alpha of these, or if you need to specify the colour as well 
(which
wouldn't work in this situation).

Here's an idea:
.showgrid { position: relative; }
.showgrid:before {
    content: url(src/grid.png);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-image: url(src/grid.png);
    background-repeat: repeat;
}

Only works in Safari for me at the moment -- Firefox doesn't seem to support
background-repeat on the generated content, but you could always create a larger
image. Also, the background image should probably be darker if this gets used.

Original comment by nitsche....@gmail.com on 21 Feb 2008 at 10:43

[GoogleCodeExporter]

Copied to
http://blueprintcss.lighthouseapp.com/projects/15318/tickets/7-addition-to-showg
rid-class#ticket-7-1
For details please check the mailinglist's archive

Original comment by horst.gu...@gmail.com on 13 Aug 2008 at 9:33