Seite 1 von 1

[gelöst] Transparenz für IE geht nur halb.

Verfasst: 09.08.2007 18:51
von Schorschi
Hallo Gemeinde,

ich habe mir, basierend auf dem ProSilver Style, einen eigenen Style gebaut, der Transparenz verwendet. Hier ist das entsprechende Forum.

Das funktioniert mit dem FF schon sehr gut aber leider mit dem IE nur teilweise.

Der IE zeigt nur die Postings transparent an. Forenübersicht und Topicübersicht bleiben undurchsichtig.

In erster Linie habe ich für die Transparenz folgende Änderungen in der colours.css gemacht:

Code: Alles auswählen

.navbar {
	background-color: #999999;
	-moz-opacity:0.90;
    filter:alpha(opacity=90, finishopacity=90, style=0);
}

.forabg {
	background-color: #666666;
	-moz-opacity:0.80;
    filter:alpha(opacity=80, finishopacity=80, style=0);
}

.forumbg {
	background-color: #666666;
	-moz-opacity:0.80;
    filter:alpha(opacity=80, finishopacity=80, style=0);
}

.panel {
	background-color: #666666;
	color: #FFFFFF;
	-moz-opacity:0.80;
    filter:alpha(opacity=80, finishopacity=80, style=0);
}
und

Code: Alles auswählen

.bg1	{
	background-color: #666666;
	-moz-opacity:0.80;
    filter:alpha(opacity=80, finishopacity=80, style=0);
 	color: #FFFFFF;
}
.bg2	{ 
	background-color: #666666;
	-moz-opacity:0.80;
    filter:alpha(opacity=80, finishopacity=80, style=0);
 	color: #FFFFFF;
}
.bg3	{ 
    background-color: #666666; 
	-moz-opacity:0.90;
    filter:alpha(opacity=90, finishopacity=90, style=0);
}
Beim FireFox hat das ausgereicht um auch Forenübersicht und Topicübersicht halbtransparent zu sehen.

Hat jemand einen Tipp, wo ich beim IE zusätzliche Hebel ansetzen muss?

Viele Grüße,
Schorschi

Verfasst: 09.08.2007 19:14
von Boecki91
-moz-opacity:0.80;
Sind diese moz Eigenschaften nicht nur für Mozilla gedacht/ von Mozilla verarbeitbar?

Verfasst: 09.08.2007 19:24
von Schorschi
Hi Boecki91,

für die Zeile, die Du erwähnst, ja. Aber die Zeile, die jeweils darunter kommt ist für den IE.

Übrigens funktioniert es ja bei den Postings auch beim IE, wie ich schrieb.

Viele Grüße,
Schorschi

Verfasst: 09.08.2007 20:56
von Schorschi
Servus,

ich habe das Problem gerade behelfsweise gelöst. :)

Fügt man in common.css die beiden Zeilen für die Transparenz (ganz unten) im Bodystyle ein, dann funktioniert es auch mit dem IE.

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Arial, Helvetica, sans-serif;
	color: #828282;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
	background-attachment: fixed;
	background-color: #006600;
	background-image: url(styles/LaraforeverPro/imageset/background_forum_main3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	-moz-opacity:0.85;
   filter:alpha(opacity=85, finishopacity=85, style=0);
}
Ist zwar mit der Brechstange, aber wenigstens ein Ergebnis. :D

Viele Grüße,
Schorschi