Element Opazität, aber keine Grenze

7

Nun, ich habe diese Frage und ich sehe, dass jemand schon etwas Ähnliches gefragt hat, aber das verstehe ich noch nicht.

Was ich tun möchte ist, eine Deckkraft von 0.7 auf ein Element zu setzen, aber nur auf den Inhalt und nicht auf den Rahmen, ich möchte, dass der Rahmen vollfarbig bleibt. Ein Beispielcode hier:

%Vor%

Das Ergebnis ist, dass mein Eingabeelement die Deckkraft hat, aber sogar die Umrandung. Kann mir jemand sagen, wie man die Deckkraft nur im Inhalt, aber nicht im Rahmen einstellt?

Danke.

    
Andres Orozco 26.11.2012, 05:34
quelle

4 Antworten

17

Verwenden Sie die rgba -Syntax für Farbe und Hintergrund und verwenden Sie keine Opazität für das gesamte Element

Demo-Dabblet

%Vor%     
Vladimir Starkov 26.11.2012, 05:42
quelle
1

Ich habe nicht gesehen, dass es sich bei der Frage um ein Eingabeelement handelt, aber vielleicht hilft meine Antwort jemandem anderen, also gehen wir hier hin.

Wie andere Poster gesagt haben, können Sie die rgba -Syntax verwenden, um Ihre Hintergrundfarbe zu definieren.

Wenn in dem Element, das Sie ändern möchten, verschachtelte Elemente vorhanden sind, können Sie auch das opacity auf dieses Element anwenden:

%Vor%

Hier ist ein Beispiel: JsFiddle

Wenn Sie ein Hintergrundbild für Ihr Element wünschen, denke ich, dass es am besten ist, es in einen Container mit dem Rahmen zu verpacken.

    
TonioElGringo 26.11.2012 06:04
quelle
1

Opazität Hintergrund, aber nicht Rand css

Demo hier

html

%Vor%

css

%Vor%     
user3661777 21.05.2014 16:42
quelle
0

Sie können background:rgba Eigenschaft für Ihre gewünschten Ergebnisse verwenden, die nur Ihre parent nicht die child und auch die border von parent betreffen.

CSS

%Vor%

DEMO

    
Shailender Arora 26.11.2012 05:45
quelle

Tags und Links