Warum kostenlos registrieren?

Nur als registriertes Mitglied hast Du vollen Zugriff auf alle Funktionen unserer Website. So kannst Du eigene Fragen stellen und hast die volle Übersicht über neue interessante Themen im Forum.
Jetzt kostenlos registrieren.

Login


Transparenz mit CSS - aber nicht alles...

Fragen oder Probleme mit HTML, PHP oder CSS?

Transparenz mit CSS - aber nicht alles...

Beitragvon AbcAeffchen am 01.06.2006, 18:48

Hi,

Hier im Forum hatte jemand ein problem mit transparenten Bildern und als ich gesehen hab das es transparente jpg sind hab ich nachgeforscht wie das geht. jetzt weis ich wie das geht und wollte es zum einsatz bringen. das hat auch eigentlich gut geklappt. ich wollte in einer liste jede zweite zeile mit einem anderen hintergrund machen damit man nicht in der zeile verrutscht. und das hintergrundbild hab ich in blau gewählt und ich wollte den hintergrund von der seite durchschimmern lassen. das hat bei mozilla mit png bildern geklappt aber das sah beim IE scheise aus. jetzt hab ich das mit dem CSS zeug versucht und das sieht gut aus in den beiden browsern aber macht leider auch den inhalt der zeilen mit dem hintergrund durchsichtig... jetzt hab ich nen super hintergund und sehe den inhalt nicht mehr :( weis jemand wie ich den hintergund durchsichtig bekomme und den inhalt weiter massiev habe. Das ganze sieht in etwa so aus:
http://www.abcaeffchen.net/Burning-Galaxy/test/text_bg.php

ich hoffe das mir dabei jemand helfen kann :)
AbcAeffchen
 
Beiträge: 305
Registriert: 28.10.2003, 20:54
Wohnort: Offenbach am Main


Beitragvon GrayGhost am 02.06.2006, 08:59

Hallo,
damit es deutlicher wird, dies ist ein Ausschnitt aus den CSS File:

Code: Alles auswählen
/* CSS Style by Alexander Schickedanz */
/*         für Burning-Galaxy         */

body
{
     background-image: url(stars.jpg);
     font-family: Tahoma,Arial,Helvetica,Sans-Serif;
     font-size: 10pt;
     font-variant: normal;
     text-decoration:none;
     color: #FFFFFF;
     scrollbar-base-color: #000000;
     scrollbar-track-color: #000000;
     scrollbar-face-color: #000000;
     scrollbar-highlight-color: #ffffff;
     scrollbar-3d-light-color: #000000;
     scrollbar-darkshadow-color: #000000;
     scrollbar-shadow-color: #000000;
     scrollbar-arrow-color: #ffffff;
    /*  cursor: url('cursor.cur');   */
}

.bg_blau
{
        background-image: url(bg_blau.jpg);
        opacity: 0.30;
        -moz-opacity: 0.30;
        _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30)
GrayGhost
 

Beitragvon AbcAeffchen am 02.06.2006, 18:45

jo danke^^

aber für die transparenz ist nur der teil wichtig:
Code: Alles auswählen
.bg_blau
{
        background-image: url(bg_blau.jpg);
        opacity: 0.30;
        -moz-opacity: 0.30;
        _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30)
}


ich vermute das das problem ist das ich damit die ganze klasse definire und das immer so schreibe:
Code: Alles auswählen
<td class="bg_blau">...</td>

aber ich hab nirgends gefunden wie ich so was nur auf den hintergrund beziehe. und ich hab langsam das gefühl das das gar nicht geht :(
AbcAeffchen
 
Beiträge: 305
Registriert: 28.10.2003, 20:54
Wohnort: Offenbach am Main



Ähnliche Themen


Zurück zu HTML, PHP & Co.

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste