Thursday, April 26, 2007

Faster Page Loads With Image Concatenation


img.icon
{
background: url('/path/to/concatenated/image.gif') no-repeat;
height: 16px;
margin-right: 3px;
vertical-align: middle;
width: 16px;
}

img.icon
{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

img.icon:hover
{

filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}

img.icon-home
{
background-position: 0px 0px;
}

img.icon-search
{
background-position: -16px 0px;
}

img.icon-bookmark
{
background-position: -32px 0px;
}

SOURCE@ BorkWeb

Labels: , ,

0 Comments:

Post a Comment

<< Home