Ich habe eine seltsame Situation geraten:Ein Tag nicht Hintergrundfarbe rgba Opazität respektieren
Im Snippet unten, wenn ich versuche, und wenden eine rgba
Farbe meiner einem Tag, wirkt es, als ob es sich um eine rgb
Farbe , kein rgba
. So ist der Texthintergrund fest, aber der Rest des Hintergrunds (der von der span
nicht die a
ist) hat die korrekte Opazität.
Ich weiß, ich kann die :hover
Abfragen trennen und es wird das Problem lösen, aber ich frage mich, warum es das tut? Was mache ich falsch?
span {
display: inline-block;
padding: 5px;
border: 2px solid #00bcd4;
border-radius: 5px;
margin: 5px;
background: #ffffff;
cursor: pointer;
}
span a {
text-decoration: none;
color: #00bcd4;
}
span:hover,
span:hover a {
background: rgba(0, 188, 212, 0.5);
color: #ffffff;
}
<span><a href="">Link</a></span>
Haben Sie es sogar versuchen? Schauen Sie sich die Farbe des Links auf Hover .... –
@CalvT Ich habe meinen Code bearbeitet – Bert
Und ich zog meinen Downvote :) –