Gunnar Bittersmann: Hintergrundbild hinzufügen statt ersetzen?

Beitrag lesen

@@molily:

nuqneH

So etwas ist höchstens mit einem CSS-Präprozessor wie Sass oder Less möglich.

Ob man die Regeln nun händisch schreibt oder vom Präprozessor generieren lässt: es sind und bleiben 2ⁿ − 1 Regeln.* Bereits mit 12 Klassen stößt man an die Grenze von IE ≤ 9.

Vielleicht muss man hier doch mit JavaScript ran:

Entweder dos DOM umfrickeln und aus

<div class="multiple-backgrounds background1 background2 background3">  
  content  
</div>

sowas machen (unschön):

<div class="multiple-backgrounds">  
  <div class="background1">  
    <div class="background2">  
      <div class="background3">  
        content  
      </div>  
    </div>  
  </div>  
</div>

oder für alle Elemente der Klasse multiple-backgrounds die Hintergrundbilder per JavaScript setzen.

Die Klassen multiple-backgrounds, background1, background2, background3, … sollten natürlich semantisch, nicht präsentationsbezogen benannt sein.

Qapla'

* Jetzt mit den richtigen Zeichen. Man sehe mir ^ und - nach; auf einem Android-Smartphone ist es eine Herausforderung, _irgendwas_ zu tippen.

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)