Zum Inhalt springen

Transparent schwarze Hintergrund für das GMENU

Erstellt am 31. Juli 2008 · 3 Antworten · letzte Antwort am 21. August 2008

Tags: HTML & CSS, Frage

kuan yin ·

Hallo,
ich will ein GMENU Menu erstellen , der auf ein Transparente Hintergrund liegt.
Das Problem ist , die Bilder in mein GMENU werden verdeckt. wie kann ich am besten die Ebene von einander trennen, sodass die Farbe der Menus nicht von dem Hintergrund geändert werden.
Gibt es eigentlich in Typo3 eine Einstellung um die Deckgrad der Farbe eines Bild zu ändern? oder ein Bild durchsichtig zu machen?
hier ein Stück CODE von dem GMENU:

....
  1 = GMENU        
  1.NO = 1
               
 1.NO{
    wrap = <tr style="position:z-index:3;">|</td></tr>
                 
    #erste ebene mit schwarzen Hintergrund
                
                  10 = IMAGE
                  10.file = GIFBUILDER
                  10.file{
                          XY = 650, 370
                      backColor = black
                    transparentBackground = 1      
                        }              
10.wrap = <span style="filter:Alpha(opacity= 100, finishopacity=60, style=2);position: z-index:-1;">|</span> 
                     
                   #zweite ebene mit Bildern
                         20 = IMAGE
                         XY = 120, 120
                                                 20.file{                                
                     import = uploads/media/
                      import.field = media
                      import.listNum = 0
                                }
                         20.width = 120
                         20.height = 120
                       
                      }
               
               }
        
         #ende GMenu       
       ...  
                               
  }

kann mir jemand weiterhelfen?

hwt ·

Hallo,

verstehe ich es richtig, dass die Bilder auf der zweiten Ebene im GMENU durch den schwarzen Hintergrund der ersten Ebene verdeckt werden?

Die Transparenz eines Bildes kannst du aber für die (aktuellen) Browser per CSS mit

filter:alpha(opacity=50); bzw. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)
-moz-opacity:0.5;
opacity:0.5;

auf z.B. 50% festlegen.

Gruß!

kuan yin ·

vielen Dank für deine Antwort, ich werde meine css ändern und sehen wie es aussieht.
Du hast mein Problem schon richtig verstanden. Die Bildern der ebene 20 aus uploads/media , werden durch das Schwarze Hintergrund von ebene 10 verdeckt, die Farbe der Bildern werden verändern.
Ich probiere deine Lösung
Gruß