#loremipsum {
width: 222px;
height: 59px;
margin: 40px auto 20px auto;
position: relative;
}
#loremipsum span {
display: block;
position: absolute;
top: 0;
left: 0;
background: url('lorem-ipsum.png') no-repeat;
width: 222px;
height: 59px;
}
#dolorsitamet {
width: 254px;
height: 63px;
margin: 40px auto 20px auto;
position: relative;
}
#dolorsitamet span {
display: block;
position: absolute;
top: 0;
left: 0;
background: url('dolor-sit-amet.png') no-repeat;
width: 254px;
height: 63px;
}
...
<h1 id="loremipsum"><span></span>Lorem ipsum</h1>
...
<h2 id="dolorsitamet"><span></span>Dolor sit amet</h2>
Listing 32.5. Technika FIR zastosowana do nagłówków
Rozdział 32. FIR — wymiana obrazów na teksty