how to show section of a CSS sprite within a set position on the whole html body

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 background-color: #ffffff; font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #000000; height:100%; width:800px; background-image:url(images/sprite.jpg); 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前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏