Ben ça peut servir au même titre qu'un background à un TD... Pour décliner un logo avec des CSS seulement par exemple...
<span id="service"><img class="logo" src="logo.gif">Toto</span>
<span id="finance"><img class="logo" src="logo.gif">Toto</span>
<span id="production"><img class="logo" src="logo.gif">Toto</span>
.service
{
background-color: red;
}
.service .logo
{
background-color: #EE0000;
}
.finance
{
background-color: green;
}
.finance .logo
{
background-color: #00EE00;
}
.production
{
background-color: blue;
}
.production .logo
{
background-color: #0000EE;
}
Par exemple.
Comme ça selon les entités de l'entreprise par exemple, tu as un logo différent, alors que tu n'utilises qu'une unique image.
Y'a des tas d'applications possibles.
Pour mon jeu (buzzland ci-dessous) je voulais faire une V2 avec un affichage à la "Civilization".
Chaque case du monde aurait été représentée par un TD avec un background image selon la culture utilisée.
Et les ruches auraient été des images positionnées sur ces TD, avec un background représentant par exemple une jauge avec la quantité de miel en attente.
Ca évite de mettre un million d'images superposées dans tous les sens, ce qui fait rammer énormément la machine.