Hi,
I'm just having a play around with CSS sprites for our backgrounds (we have 6 main images as backgrounds, so I'm trying to merge them all into one)
I've got the following:
This doersn't seem to work right (the "body" should just show the 4x4px image at the top left of the image)
Can anyone point me in the right direction? Scratching my head here, as doesn't seem to work
Cheers
Andy
I'm just having a play around with CSS sprites for our backgrounds (we have 6 main images as backgrounds, so I'm trying to merge them all into one)
I've got the following:
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 31</title>
<style>
body{
background:url([URL unfurl="true"]http://carmstatic.com/images/bg-sprites.png)[/URL] top center;
background-position: 0px 0px;
background-repeat: repeat-y;
width:4px;
height:4px;
text-align:center;
}
</style>
</head>
<body>
</body>
</html>This doersn't seem to work right (the "body" should just show the 4x4px image at the top left of the image)
Can anyone point me in the right direction? Scratching my head here, as doesn't seem to work
Cheers
Andy
(looks like I can't use the sprite for the main BG image - which isn't too bad - hopefully I can get it working on some of the header bars and stuff though)