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.
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: Ссылка
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
Hi Hier ist das einfache Beispiel
Hinweis: - Im übergeordneten Element haben wir das rgba-Format verwendet, und im untergeordneten Element haben wir die Opazitätseigenschaft
verwendet