Tweet
Ich arbeite grade an einem Redesign meiner Website und nun habe ich folgendes Problem:
Ein DIV welcher ein halbtransparentes PNG als Hintergrundbild hat und in welchem sich die 2.Navigation der Seite befindet. Nun soll das halbtransparente Hintergrundbild die 2.Navigation teilweise überlagern. Die Links in der 2.Navigation haben ebenfalls ein Hintergrundbild.
Ich habe schon vieles probiert und die z-index Werte zichfach abgeändert, habe es jedoch nicht hinbekommen. Einzig und Allein der Firefox stellt dies alles derzeit korrekt dar, jedoch meine anderen Browser (IE6, IE7, Opera, Safari) nicht. Das der IE6 Probleme mit halbtransparenz hat, weiß ich und wie ich das fixen kann ist mir auch bekannt. Ich erwähne es nur der Vollständigkeit halber.
XHTML und CSS sind validiert und hier die Links zu den Sourcen:
XHTML
CSS
Hier noch 2 Bilder der aktuellen Situation:
Soll Zustand (Firefox Screenshot):
Ist Zustand (Opera Screenshot):
Ich hoffe das ihr mir helfen könnt.
MfG
NewLord
Edit (autom. Beitragszusammenführung):
Manche Probleme lösen sich wie von selbst wenn man mal richtig tief in den Quellcode schaut. Also - der Lösungsansatz war, dass ich das halbtransparente Hintergrundbild in einen anderen DIV gepackt hatte und diesen entsprechend mit z-index versehen hatte.
Soviel dazu - Nachtschicht is nu zuende
MfG
NewLord
Ein DIV welcher ein halbtransparentes PNG als Hintergrundbild hat und in welchem sich die 2.Navigation der Seite befindet. Nun soll das halbtransparente Hintergrundbild die 2.Navigation teilweise überlagern. Die Links in der 2.Navigation haben ebenfalls ein Hintergrundbild.
Ich habe schon vieles probiert und die z-index Werte zichfach abgeändert, habe es jedoch nicht hinbekommen. Einzig und Allein der Firefox stellt dies alles derzeit korrekt dar, jedoch meine anderen Browser (IE6, IE7, Opera, Safari) nicht. Das der IE6 Probleme mit halbtransparenz hat, weiß ich und wie ich das fixen kann ist mir auch bekannt. Ich erwähne es nur der Vollständigkeit halber.
XHTML und CSS sind validiert und hier die Links zu den Sourcen:
XHTML
CSS
Hier noch 2 Bilder der aktuellen Situation:
Soll Zustand (Firefox Screenshot):
Ist Zustand (Opera Screenshot):
Ich hoffe das ihr mir helfen könnt.
MfG
NewLord
Edit (autom. Beitragszusammenführung):
Manche Probleme lösen sich wie von selbst wenn man mal richtig tief in den Quellcode schaut. Also - der Lösungsansatz war, dass ich das halbtransparente Hintergrundbild in einen anderen DIV gepackt hatte und diesen entsprechend mit z-index versehen hatte.
Soviel dazu - Nachtschicht is nu zuende
MfG
NewLord
Kommentar