#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