Pseudo background-crop

Part of CSS background image hacks

Known support: Firefox 3.5+, Chrome 3+, Safari 3+, Opera 9+, IE 8+.

Each example uses one sprite and semantic markup. The sprites are cropped using a CSS pseudo-element. When combined with the pseudo background-position hack it can be used to crop images that are positioned behind an element's content.

text content