css sprite repeating background
-
My theme was created in 2009. The theme contains a lot of images like ‘images/Sheet-h.png’ and ‘images/Sheet-v.png’. It’s a total of 14 images and now i am trying to lower the requests to my server. I’ve done it for simple not repeating images and that’s working now Example: .nav .separator{display:block;width:1px;height:25px;background-image:url(‘images/layoutsprite.png’);background-position: -884px -52px;}
I have also some repeating images, and i have no clue how i can link this to my sprite.
.Sheet-tc,.Sheet-bc{left:17px;right:17px;height:34px;background-image:url(‘images/Sheet-h.png’);}
.Sheet-cr,.Sheet-cl{top:17px;bottom:17px;width:34px;background-image:url(‘images/Sheet-v.png’);}
.Sheet-cc{position:absolute;z-index:-1;top:17px;left:17px;right:17px;bottom:17px;background-image:url(‘images/Sheet-c.png’);}
.Block-tc,.Block-bc{left:7px;right:7px;height:14px;background-image:url(‘images/Post-h.png’);}
.Block-cr,.Block-cl{top:7px;bottom:7px;width:14px;background-image:url(‘images/Post-v.png’);}
.Post-tc,.Post-bc{left:7px;right:7px;height:14px;background-image:url(‘images/Post-h.png’);}
.Post-cr,.Post-cl{top:7px;bottom:7px;width:14px;background-image:url(‘images/Post-v.png’);}If i create a sprite you see all other images inside the sprite in repeat.
- The topic ‘css sprite repeating background’ is closed to new replies.