CSS Opacity: Opera addiert Transparenzen

Alles rund um die Software-Entwicklung: Programme, Skripte, Projekte etc.
Antworten
Benutzeravatar
-.B_Rabbit.-
Vice Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 6926
Registriert: 08.03.2004, 12:39
Wohnort: Auf Deiner Menschenwürde

CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von -.B_Rabbit.- » 20.07.2009, 21:25

Folgender Code:

Code: Alles auswählen

<style type="text/css"> 
#blueContainer
{
    position:absolute;
    top:0px;
    left:0px;
    background-color:#6477f8;
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    opacity:0.65;
    -khtml-opacity:0.65;
}
</style>

<body>
<div id="blueContainer">
   <img id="blueImg" src="./img/bla.gif"/>
</div>
</body>
Das Img bla.gif hat zum Rand hin die gleiche Farbe wie blueContainer (#6477f8).
Mit dem Code will ich erreichen, dass blueContainer mitsamt dem blueImg wie eine Fläche wirkt. Sprich, die Transparenz soll auf das div und seinen Inhalt angewendet werden, alle sollen gleich transparent sein!

IE und FF machen es wie erwartet. Aber in Opera wird die Transparenz auf das Div und dann noch zusätzlich auf das blueImg angewendet: Das blueImg ist dadurch natürlich dunkler. div ist 65% sichtbar, und auf diesen 65% sind nochmal 65% des Bildes oben drauf sichtbar.

Wie bekomme ich das in den Griff?!

album_page.php?pic_id=2461
girls are like condoms: they spend more time in your wallet than on your dick.

Benutzeravatar
X_FISH
Rear Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 2121
Registriert: 06.02.2004, 20:34
Wohnort: Dahoim!
Kontaktdaten:

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von X_FISH » 08.08.2009, 21:21

Hm... Leider funktioniert der Link in die Gallery nicht.

Wenn es "nur" das div betrifft - wieso nicht ein entsprechend transparentes/opakes Hintergrundbild nehmen (.png)?

Oder muss die Schrift auch transparent werden?

Grüße, Martin

Benutzeravatar
-.B_Rabbit.-
Vice Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 6926
Registriert: 08.03.2004, 12:39
Wohnort: Auf Deiner Menschenwürde

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von -.B_Rabbit.- » 09.08.2009, 16:52

Die Gallery ist ja leider mit dem alten Board gestorben...
Aber ich hab es jetzt schon mit Tabellen gelöst, leider.

Einfach ein transparentes Bild ist leider nicht möglich, da der Hintergrund 100% height/width ausfüllen soll, das Motiv soll aber nicht mitskalieren, nur das drumherum.
Zuletzt geändert von -.B_Rabbit.- am 09.08.2009, 16:52, insgesamt 1-mal geändert.
girls are like condoms: they spend more time in your wallet than on your dick.

Benutzeravatar
X_FISH
Rear Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 2121
Registriert: 06.02.2004, 20:34
Wohnort: Dahoim!
Kontaktdaten:

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von X_FISH » 09.08.2009, 23:43

Nun ja, es muss ja nichts skaliert werden. So gross wie das div ist, wird eben der Hintergrund wiederholt. Theoretisch genügt ja der Klassiker von wegen 1x1 px in der gewünschten Variante, z.B. als 60% transparentes .png. :)

Grüsse, Martin

Benutzeravatar
-.B_Rabbit.-
Vice Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 6926
Registriert: 08.03.2004, 12:39
Wohnort: Auf Deiner Menschenwürde

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von -.B_Rabbit.- » 10.08.2009, 09:00

Ach, so meinst Du das. Nein, der Hintergrund darf sich nicht wiederholen. Es ist ein Motiv was nur einmal erscheinen darf.
girls are like condoms: they spend more time in your wallet than on your dick.

stanglwirt
Fleet Captain
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 1591
Registriert: 17.03.2004, 07:22

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von stanglwirt » 10.08.2009, 16:45

ich denke er meinte es anders:
das transparente png als hintergrund wiederholt sich. die eigentliche grafik wird dann einmal darüber angezeigt und hat dann hald keine transparenz.

problem ist nur, das solch transparente PNG nicht von allen (vor allem älteren) browsern untersützt werden und du dafür noch nen hack brauchst.
MfG
everybody´s darling is everybody´s Arschloch. (c) Franz Josef Strauß

Benutzeravatar
-.B_Rabbit.-
Vice Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 6926
Registriert: 08.03.2004, 12:39
Wohnort: Auf Deiner Menschenwürde

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von -.B_Rabbit.- » 10.08.2009, 22:01

Das würde ja auch nicht funktionieren, weil die grafik an sich transparent sein muss!

Edit: Achso, jetzt hab ichs geschnallt. Ja richtig, da hat der IE Probleme und das fällt damit auch raus...
Aber wie gesagt, ich hab schon ne Lösung.
Zuletzt geändert von -.B_Rabbit.- am 10.08.2009, 22:05, insgesamt 1-mal geändert.
girls are like condoms: they spend more time in your wallet than on your dick.

Benutzeravatar
X_FISH
Rear Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 2121
Registriert: 06.02.2004, 20:34
Wohnort: Dahoim!
Kontaktdaten:

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von X_FISH » 10.08.2009, 22:35

Nun ja, alles älter als IE 7 ignoriere ich inzwischen vollkommen. Daher habe ich persönlich auch kein Problem mehr mit transparenten .png.

Die Zugriffszahlen mit IE älter als 7 werden auch immer weniger, Firefox alleine hat in diversen Versionen über 50% der Zugriffe auf meine Seiten.

Inzwischen gönne ich mir sozusagen "die Arroganz, welche früher dem IE zuteil wurde". :)

Die "filter:"-Geschichten waren früher ja auch "IE-only". ;)

Grüße, Martin

Benutzeravatar
-.B_Rabbit.-
Vice Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 6926
Registriert: 08.03.2004, 12:39
Wohnort: Auf Deiner Menschenwürde

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von -.B_Rabbit.- » 10.08.2009, 22:58

Eine nachvollziehbare Einstellung! Aber da es keine private Seite ist, leiste ich mir so wenig Ausschluss wie möglich ;)
Zuletzt geändert von -.B_Rabbit.- am 10.08.2009, 22:59, insgesamt 1-mal geändert.
girls are like condoms: they spend more time in your wallet than on your dick.

Benutzeravatar
X_FISH
Rear Admiral
Turtleboard Veteran
Turtleboard Veteran
Beiträge: 2121
Registriert: 06.02.2004, 20:34
Wohnort: Dahoim!
Kontaktdaten:

Re: CSS Opacity: Opera addiert Transparenzen

Ungelesener Beitrag von X_FISH » 11.08.2009, 01:46

Okay, das ist natürlich ein schwerwiegendes Argument. :)

Grüße, Martin

Antworten