Forum für CMS/made simple

mörml

Server-Pate

Registriert: 23. Januar 2011

Beiträge: 443

IE10 und Opacity

Hallo ihr Lieben,

ich krisch bald noch Plaque mit den verschiedenen IE-Versionen und meinem Versuch, ihnen allen Opacity beizubringen.

7 - 9 kommen problemlos mit folgenden CSS-Regeln klar:

 Hier klicken, um den Code zum Kopieren zu markieren

	background: rgb(255, 255, 255); /* fallback */
	background: rgba(255, 255, 255, .85);

	background-color: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF,endColorstr=#D9FFFFFF);
	zoom:1;

Der IE10 nicht. Die Regel

 Hier klicken, um den Code zum Kopieren zu markieren

	background-color: #fff; opacity: 0.85; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
 	filter: alpha(opacity=85); 

führt dazu, dass IE10 zwar Opacity schluckt, nun aber integrierte Bilder ebenfalls durchsichtig macht.

Kann jemand mein Gedankenchaos aufräumen?

Herzliche Grüße
mörml

---

kann CMSms buchstabieren...

CMSms 1.11.12
PHP 5.5.14

Janl

Server-Pate

Ort: Freistadt, Österreich

Registriert: 13. Dezember 2010

Beiträge: 1.231

Webseite

Re: IE10 und Opacity

ein class?

 Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]
.bg_img{opacity:1.0;}
<img class="bg_img" src="myimage.jpg">

mfg
Jan

---

Kubuntu 22.04 - Win 11 pro / Kubuntu 20.04  - win10 pro

mörml

Server-Pate

Registriert: 23. Januar 2011

Beiträge: 443

Re: IE10 und Opacity

Danke für dein Feedback, Janl.
Zwischenlösung:

 Hier klicken, um den Code zum Kopieren zu markieren

background: rgb(255, 255, 255); /* fallback */
background: rgba(255, 255, 255, .85);

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85, FinishOpacity=80, Style=2); 
filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85, FinishOpacity=80, Style=2)";

So funzt es jetzt im IE10, dafür zeigen IE7 + 8 keine Transparenz, aber damit kann ich erst mal leben.

---

kann CMSms buchstabieren...

CMSms 1.11.12
PHP 5.5.14

serialpark

probiert CMS/ms aus

Ort: Berlin

Registriert: 24. Januar 2012

Beiträge: 52

Re: IE10 und Opacity

als fallback vll ein transparentes png oder gif

 Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]

<!--[if lte IE 8]>
<style> 
.transparent{
background:url(transparent.png);
}
</style>
<![endif]-->

mörml

Server-Pate

Registriert: 23. Januar 2011

Beiträge: 443

Re: IE10 und Opacity

Danke auch dir, serialpark.
Werde das Problem wohl über ein Hintergrundbild lösen müssen.
IE 7 - 9 ist alles wunderbar, nur der 10 kackt rum. Da "freu" ich mich ja schon auf den 11...

---

kann CMSms buchstabieren...

CMSms 1.11.12
PHP 5.5.14