I use sprite sheets for my css, adn they work great, however i want to have a section of my sprite sheet on the footer
it is like a curved block and the left hand content boxes will come over the top of this a little.
however i cant seem to get a section of a sprite as a background positioned at the bottom.
now normally you would do something like this
background:url(sprite.png) -20px -144px no-repeat; display:block; width:800px; height:225px;
but when i try something like this
font-family: Verdana, Helvetica, Sans-Serif;
background-position:0 0 no-repeat bottom left;
i get the full sprite sheet as the background..... so my question is is it possible to only get a section of a sprite
and use that section as the bottom section of a div !!!!
bit of a mouthful, but i dont want to just bin this idea, if it can be done, someone has done it already.
以上就是how to show section of a CSS sprite within a set position on the whole html body的详细内容，更多请关注web前端其它相关文章！