Heim  >  Artikel  >  Web-Frontend  >  Wie stelle ich einen durchscheinenden Rand in CSS ein?

Wie stelle ich einen durchscheinenden Rand in CSS ein?

黄舟
黄舟Original
2017-07-19 11:01:562067Durchsuche

Sie können sich auf meinen Code unten beziehen:

XXX:{
    border: 5px solid rgba(XXX, XXX, XXX, 0.5)
}

Das erste XXX ist das von Ihnen ausgewählte Element, das durchscheinend sein muss
Das nächste XXX ist das, was Sie wollen Farbe, die durchscheinend sein soll
kann durch die Einstellung der Transparenz auf 0,5 durchscheinend gemacht werden.

.transparent{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

filter:alpha(opacity=50):这个是为IE6设的,可取值在0-100,其它三个0到1.
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.

Hallo, Sie können versuchen,

border-style: solid;
border-color: rgba(250,0,255,0.7)

*Hinweis: RGBA entspricht den Werten Rot, Grün, Blau und Transparent wobei das RGB-Intervall ist. Die Transparenz reicht von 0 (reines Schwarz) bis 255 (reine Farbe) und von 0 (völlig transparent) bis 1 undurchsichtig

Das obige ist der detaillierte Inhalt vonWie stelle ich einen durchscheinenden Rand in CSS ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn