Heim  >  Artikel  >  Web-Frontend  >  CSS macht ein Element durchscheinend

CSS macht ein Element durchscheinend

高洛峰
高洛峰Original
2017-03-20 10:45:531849Durchsuche

Dieser Artikel stellt hauptsächlich die relevanten Informationen zur Verwendung von CSS zum Festlegen eines Elements als durchscheinend vorEs ist sehr gut und hat Referenzwert.

.opacity{  filter:alpha(opacity=50);       
/* IE */  -moz-opacity:0.5;              
/* 老版Mozilla */  -khtml-opacity:0.5;              
/* 老版Safari */  opacity: 0.5;           
/* 支持opacity的浏览器*/}

Wird verwendet, um ein Element halbtransparent zu machen

.filter = "alpha(opacity=" + opacity + ")";    
/* IE */ .MozOpacity = (opacity / 100);                 
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);               
/* 老版Safari */ .opacity = (opacity / 100);                    
/* 支持opacity的浏览器*/

Beim Skalieren von Bildern auf der Windows-Plattform kann es zu Bildverzerrungen kommen. Sie können den proprietären Befehl von IE verwenden:

img{-ms-interpolation-mode: bicubic;}

Wie oben erwähnt, zeigt Ihnen der Herausgeber, wie Sie ein Element mithilfe von CSS als durchscheinend festlegen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht. Der Herausgeber wird Ihnen rechtzeitig antworten . Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere Artikel zur CSS-Einstellung, dass ein Element durchscheinend sein soll, finden Sie auf der chinesischen PHP-Website!

Verwandte Artikel:

CSS3-Tutorial (8): CSS3-Transparenzleitfaden

Beispiele für die Verwendung von RGBa zum Anpassen der Transparenz in CSS3

Vollständiger Code zur Implementierung der CSS3-Deckkraft

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
Vorheriger Artikel:CSS3-Browser-kompatibelNächster Artikel:CSS3-Browser-kompatibel