Heim > Web-Frontend > CSS-Tutorial > Detailliertes Beispiel für die Einstellung eines Elements als durchscheinend mithilfe von CSS

Detailliertes Beispiel für die Einstellung eines Elements als durchscheinend mithilfe von CSS

小云云
Freigeben: 2017-12-22 16:50:02
Original
1459 Leute haben es durchsucht

Können Sie CSS verwenden, um ein Element als durchscheinend festzulegen? Dieser Artikel stellt hauptsächlich die relevanten Informationen zur Verwendung von CSS zum Festlegen der Transluzenz eines Elements vor. Er ist sehr gut und hat Referenzwert. Ich hoffe, er kann jedem helfen.


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

wird verwendet, um ein Element als durchscheinend festzulegen


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

Auf Windows-Plattform skalieren Bild Es kann zu Verzerrungen kommen. Sie können den proprietären Befehl des IE verwenden:


img{-ms-interpolation-mode: bicubic;}
Nach dem Login kopieren

Haben Sie es gelernt? Beeilen Sie sich und probieren Sie es aus.

Verwandte Empfehlungen:

CSS-Einstellungsbild wird grau_html/css_WEB-ITnose

Detaillierte Erläuterung des Spiegelattributs des CSS3-Filters

Detaillierte Erläuterung des CSS3-Filterattributs

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die Einstellung eines Elements als durchscheinend mithilfe von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage