|
|||
Problem mit z-index bzw. allgemein schwachsinnige Ebenenanordnung
Unbenanntes Dokument
Ich hab bei dieser Seite im IE5/6 noch ein (bzw. 2) Problem. Und zwar wird das ein - und ausfadende Bild vom Header überdeckt. Aber das ergibt doch garkeinen Sinn? Das Bild folgt ja später im Quellcode, folglich müsste es doch ohnehin darüber liegen? Auch mit z-index. funktioniert es nicht. Wo liegt der Fehler? Kleine Frage noch nebenbei falls jemand es weiß. Jemand eine Ahnung wieso kein PNG-Fix für mein Bild funktioniert? (Klar ... wegen dem Javascript, aber gibts da nicht eine Lösung?) |
Sponsored Links |
|
|||
Hast du jemals dran gedacht, dem Bild ein z-index mitzugeben?
#bild img { position: relative; z-index: 2 } würde funktionieren... Allein dem div ein z-index mitzugeben, bringt beim IE gar nichts. Dein PNG-Fix ist auch falsch... Code:
function correctPNG() { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" img.outerHTML = strNewHTML i = i-1 } } } window.attachEvent("onload", correctPNG); // The background PNG fix, courtesy of Youngpup (http://www.youngpup.net) and Drew McLellan (http://www.allinthehead.com) if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) { window.attachEvent("onload", alphaBackgrounds); } function alphaBackgrounds(){ var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, ''); var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5); for (i=0; i<document.all.length; i++){ var bg = document.all[i].currentStyle.backgroundImage; if (itsAllGood && bg){ if (bg.match(/\.png/i) != null){ var mypng = bg.substring(5,bg.length-2); document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')"; document.all[i].style.backgroundImage = "url('http://www.2fz-clan.de/Weisser%20L%C3%B6we%20Neu2/images/rotationsbild-spacer.gif')"; } } } } Geändert von cgdesign (27.05.2008 um 11:46 Uhr) |
Sponsored Links |
|
|||
und noch einen Tipp: Bei Verkleinerung des Viewports wird das Logo durch die teilweise Überlagerung mit dem gefadetem Bild unleserlich. Ebenso verschwindet die britische Flagge ins Nirvana. Das alles ist so nicht von dir gewollt, oder?
Und achte doch mal darauf, was in diesem Fall mit der Textzeile "Wir sind jetzt auf der Startseite" passiert. Edit: Das Verschwinden der britischen Flagge passiert unter Firefox. In Opera bleibt sie sichtbar. Geändert von EvT (27.05.2008 um 15:06 Uhr) |
|
|||
Zitat:
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE7 Render bzw. Editor Problem | Camelrider | (X)HTML | 0 | 27.04.2009 12:59 |
Problem mit Navigation (<a>) in ul bzw. li | stefanw | CSS | 1 | 10.11.2008 17:52 |
Div bzw Dropdown problem | kampfgnom | (X)HTML | 6 | 08.05.2007 01:11 |
Großes Problem mit Positionieren von DIVs (bzw. background-images) | luzero | CSS | 15 | 20.08.2006 15:10 |
Problem bzw. Frage zu ScitE | koDiacc | Offtopic | 0 | 25.04.2005 16:34 |