Wie setze ich die Deckkraft auf Container div und nicht auf Kinder Text?

7

Ich habe ein DIV mit der CSS-Stilregel opacity: 0.4; .

Innerhalb des div gibt es ein a -Tag und der Text hat auch eine Opazität.

Wie kann ich für den Text erklären: opacity :1 oder irgendeine gute Idee .... Sie können es in folgendem Link sehen: http: //yagen.org/

Die Galerie oben auf der Seite.

    
treenet 11.12.2011, 14:48
quelle

3 Antworten

21

Wenn Sie die Deckkraft eines Elements festlegen, wird die Deckkraft auch für alle untergeordneten Elemente festgelegt. Wenn Sie einen undurchsichtigen Text auf einem transparenten Hintergrund wünschen, werfen Sie einen Blick auf RGBa.

Das Ergebnis würde etwa so aussehen:

%Vor%

Die erste Hintergrund-Deklaration dient als Fallback für den Fall, dass ein Browser keine RGBa-Farbe unterstützt - es wird stattdessen einfach eine Volltonfarbe sein.

Hier ist eine gute Referenz für die RGBa-Farbe: Ссылка

    
derekerdmann 11.12.2011, 14:55
quelle
2

Wenn Sie Ihren HTML-Code dieser Art haben:

%Vor%

Auch wenn Ihr CSS das ist.

%Vor%

Dadurch wird der Link nicht transparenter als der Container, da die Deckkraft vom übergeordneten Element geerbt wird.

Die einzige Möglichkeit ist die Verwendung von rgba -Werten, aber es funktioniert nicht in IE.

Der richtige Weg dies zu tun ist dies -

%Vor%

Sieh dir diese Geige an

    
Aniket 11.12.2011 17:29
quelle
0

Hi Hier ist das einfache Beispiel

html

%Vor%

css

%Vor%

Hinweis: - Im übergeordneten Element haben wir das rgba-Format verwendet, und im untergeordneten Element haben wir die Opazitätseigenschaft

verwendet     
dinesh_malhotra 23.04.2014 07:24
quelle

Tags und Links