Ist es möglich, einen CSS3-Hintergrund mit zusätzlichen Klassen / Stilen anzuhängen?

8

Heute habe ich gelernt, CSS3 unterstützt mehrere Hintergründe , das ist großartig. Was ich wirklich gerne hätte, ist die Möglichkeit, mehrere Hintergründe spontan zu kombinieren, zB:

%Vor%

HTML:

%Vor%

Irgendwie erzeugt der berechnete Stil:

%Vor%

Natürlich kann ich den zusätzlichen Hintergrundstil fest codieren oder ihn mit jquery hinzufügen. Ich suche nach dieser süßen, reinen CSS-Lösung.

Beantwortet

Akzeptiert 30 Punkte für die reine CSS-Antwort - "Sie können nicht".

Es ist erwähnenswert, dass wenn Sie mit SASS (Rails 3.1, usw.) arbeiten, die hartcodierten Stile schmackhafter sind Variable Verwendung:

%Vor%     
RSG 21.06.2011, 22:59
quelle

3 Antworten

5

Sie können das nicht mit CSS machen.

Welcher background mit höherer Spezifität deklariert wird, wird vollständig überschreibe den anderen.

    
thirtydot 21.06.2011, 23:05
quelle
4

Pseudo-Selektoren: before oder: after können verwendet werden, um eine neue Hintergrund-Ebene hinzuzufügen

%Vor%     
Semra 27.04.2013 12:05
quelle
2

VORAUSSETZUNG

  1. width der div = Breite der img - border-image img Breite
  2. height der div = Höhe der img - border-image img height
  3. border-image img Höhe = border-bottom-width
  4. border-image img width = border-right-width
  5. Ihr Rahmenbild muss transparent (offensichtlich) sein

CSS

%Vor%


box-sizing Alternative

VORAUSSETZUNG

  1. border-bottom-width = logo.png Höhe
  2. border-right-width = logo.png Breite
  3. Ihr Rahmenbild muss transparent sein (optional)

CSS

%Vor%     
Knu 22.06.2011 04:07
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Typ der Klasse, die mehrere Schnittstellen implementiert