Transparent via CSS, nicht bei allen DIVs ?

Status
Nicht offen für weitere Antworten.
A

aargau

Erfahrenes Mitglied
Ich möchte bei meinem neuen Design die DIVs transparent darstellen, damit man den Hintergrund besser sieht. Nun habe ich da aber das Problem mit em Firefox!
Ich möchte dass das Hauptdiv transparent ist, jedoch ein 2. div welches im Hauptdiv liecht soll dann wieder 100% haben, da da rauf ein Foto liegt, welches nicht Transparanet angezeigt werden soll.
Versucht habe ich bis jetzt schon nahe zu alles, doch es geht einfach nicht! Im IE7 klappt das ganze wunderbar, nur der IE will nicht.

Verwede volgenden CSS Filter;
filter:alpha(opacity=75); -moz-opacity:0.75;

und beim Bilddiv natürlich dann alles auf 100 bzw. 1.00

Alternative wäre ein transparentes PNG, jedoch kommt dann der IE6 welcher es nicht darstellen kann...

Ich hoffe ihr habt da für mich eine Lösung
 
Ansonsten dürftest du bei Verwendung der opacity-Eigenschaft/-Filter die DIVs nicht ineinander verschachteln, sondern müsstest sie als benachbarte Elemente in der Schichtposition z-index übereinanderlegen, was aber bei einem Modell mit variablen Höhen so nicht funktioniert, unpraktikabel ist, da die Elemente in dieser Markup-Struktur nun keinen Bezug mehr zueinander besitzen, sprich die untere Ebene nimmt in der Höhe nicht zu, wenn der Inhalt der darüber positionierten Ebene zunimmt.

mfg Maik
 
Nun ja, schon habe ich das erste Problem:D
Mein CSS sieht im moment so aus:
Code: 
img, #header {position:relative;background-image:url("../img/head1.png"); background-repeat:repeat-x;font-size:18px;height:139px;width:842px; }
#banner {position:absolute;left:18px;top:20px;}
doch nun wird einfach das Bild von #banner welches mitteks <img src> eingefügt wird auf dem gesammten header langgezogen... woran liegt dies?
 
Deiner Schilderung und dem CSS-Snippet zufolge, tippe ich auf das hier:

Code: 
img, #header {position:relative;background-image:url("../img/head1.png"); background-repeat:repeat-x;font-size:18px;height:139px;width:842px; }
mfg Maik
 
geht auch nicht

der Header in der HTML Datei sieht so aus:
HTML: 
<div id="header">
<div id="banner"><IMG SRC="img/banner/sponsor.gif" BORDER="0" /></div>
<div class="menue">Home | Events etc...</div>
</div>
der Banner des Sponsors breitet sich auf dem gesammten header aus...


EDIT:
Habe es geschafft... liegt daran das es "img" hies... wodurch wohl das img vom HTML code überschrieben wurde...
 
Zuletzt bearbeitet:
es will irgend wie nicht klappen...
Im Firefox und IE7/8 wird es korrekt dargestellt doch der IE6 zeigt es nach wie vor nicht korrekt an, also es ist nicht durchsichtig...

an was kann das liegen?
 
Sorry, ich besitze keine hellseherischen Kräfte :p

Mit einem Link zur Problemseite kann ich mir erstmal einen Überblick verschaffen, und dann dazu Stellung nehmen.

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück