ilch Forum » Allgemein » HTML, PHP, SQL,... » [CSS] Alpha prob

Geschlossen
  1. Mi. 17.09.2008 16:44 Uhr #1
    User Pic
    Lorp_Oo Mitglied
    Registriert seit
    02.10.2007
    Beiträge
    274
    Beitragswertungen
    0 Beitragspunkte
    Hi hab kleines problem mit CSS.
    Wollte ein 50%alpha BG machen und den text,bilder.... auf 100% alpha. Mein bisheriger Verusch: (bild, text... sind trotzdem 50%alpha)

    #contont_bg {
    width: 646px;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    background-color: #000000;
    min-height: 500px;
    }
    #text {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    }
    <div id="contont_bg"><div id="text">dfdfsdfsfsf <img src="images/maske_middle_top.gif" alt="" /></div>
    </div>


    Zuletzt modifiziert von Lorp_Oo am 17.09.2008 - 16:45:42
    0 Mitglieder finden den Beitrag gut.
  2. Do. 18.09.2008 00:24 Uhr #2
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    nimm als hintergrund einfach ein transparentes hintergrund bild (z.B .png)
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  3. Do. 18.09.2008 01:29 Uhr #3
    User Pic
    Lorp_Oo Mitglied
    Registriert seit
    02.10.2007
    Beiträge
    274
    Beitragswertungen
    0 Beitragspunkte
    ja die sind im ie leider nicht transparent und mit gif gehts auchnichtwirklich, da man dort nur 100% alpha machen kann oder 0%.
    0 Mitglieder finden den Beitrag gut.
  4. Do. 18.09.2008 06:52 Uhr #4
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    der Tranzparenzwert vererbt sich an die Kindelemente weiter.
    d.h. ein Kindelement kann max. soviel Transparenz haben, wie das Übergeordnete element.
    0 Mitglieder finden den Beitrag gut.
  5. Do. 18.09.2008 08:24 Uhr #5
    User Pic
    Akatsuki Mitglied
    Registriert seit
    01.09.2008
    Beiträge
    44
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Lorp_Oo

    Wollte ein 50%alpha BG machen und den text,bilder.... auf 100% alpha.


    Em, Text & Bilder auf 100% Alpha? Ich erkenne keine Logik dahinter.

    Was auch immer, versuch es mal damit. 
    <style type="text/css"><!-- 
div
{
font-family:Verdana;
font-size:12px;
position:absolute; 
width:300px; 
height:150px;
border:1px solid #000000;
background-color:#efefef;
}
--></style>

<div style="left:450px; top:350px; z-index:3;"> 
<span style="font-weight:bold;">DIV 3</span>
Dieser DIV-Bereich sollte DIV 2 überlappen.
</div>
<div style="left:250px; top:250px; z-index:2;"> 
<span style="font-weight:bold;">DIV 2</span>
Dieser DIV-Bereich sollte von DIV 3 überlappt werden.
</div>
<div style="left:50px; top:150px; z-index:1;" > 
<span style="font-weight:bold;">DIV 1</span>
Dieser DIV-Bereich sollte von DIV 2 überlappt werden.
</div>


    Natürlich schick ich dir keine ganze Lösung lächeln die benötigten Klassen machste schön selber. Drink
    Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. (Albert Einstein)
    0 Mitglieder finden den Beitrag gut.
  6. Do. 18.09.2008 23:46 Uhr #6
    User Pic
    Lorp_Oo Mitglied
    Registriert seit
    02.10.2007
    Beiträge
    274
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von assault

    der Tranzparenzwert vererbt sich an die Kindelemente weiter.
    d.h. ein Kindelement kann max. soviel Transparenz haben, wie das Übergeordnete element.


    Kann man das nicht ürgendwie austricksen bzw. umgehen?

    @Akatsuki

    hilft mir leider nicht oder kann man das so machen das die untere ebene mit der dadrüberliegenden mitwächst?
    0 Mitglieder finden den Beitrag gut.
  7. Fr. 19.09.2008 10:11 Uhr #7
    User Pic
    Akatsuki Mitglied
    Registriert seit
    01.09.2008
    Beiträge
    44
    Beitragswertungen
    0 Beitragspunkte
    Jo Lorp_Oo,

    ja es geht schon mit Hilfe vom nem kleinen JavaScript... also es gibt einen change Event (gebrauchbar mit einem input textarea Feld) mit dem man das machen könnte, aber das frisst an Performance... also nicht empfehlenswert.

    Benutz wie der Kollege eXecut1oner schon sagte einfach ein Bild in Format von png.
    Fals du es auch in IE6 oder IE5 benutzen möchtest, kannst du in google nach png Fix suchen... dann kalppt es auch bei den älteren Browsern.

    Ansonsten viel glück.
    Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. (Albert Einstein)
    0 Mitglieder finden den Beitrag gut.
  8. Fr. 19.09.2008 21:05 Uhr #8
    User Pic
    Lorp_Oo Mitglied
    Registriert seit
    02.10.2007
    Beiträge
    274
    Beitragswertungen
    0 Beitragspunkte
    hmm schade naja werds mal so probieren trotzdem danke lächeln
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten