07.09.2009, 12:04
|
|||
|
|||
Position Problem im IE7, Firefox und IE8 funktioniert
Hallo,
ich habe ein Problem. Ich habe 2x2 Bilder die per mouseover ausgeblendet werden sollen und anstelle der 4 Bilder ein Bild eingeblendet werden soll... Das wird über die visibility gelöst... Im Firefox und IE8 funktioniert es. Im IE7 nicht, niedrigere konnte ich leider nicht testen... Hier der Code: CSS Code:
.allpics {width:250px; height:188px; z-index:6; position:absolute;}
.bild1 {width:125px; height:94px; float:left; z-index:5; position:relative;}
.bild1g {width:250px; height:188px; z-index:8; visibility:hidden; position:absolute; border:solid 2px #000;}
.bild2 {width:125px; height:94px; float:left; z-index:5; position:relative;}
.bild2g {width:250px; height:188px; z-index:8; visibility:hidden; position:absolute; border:solid 2px #000;}
.bild3 {width:125px; height:94px; float:left; z-index:5; position:relative;}
.bild3g {width:250px; height:188px; z-index:8; visibility:hidden; position:absolute; border:solid 2px #000;}
.bild4 {width:125px; height:94px; float:left; z-index:5; position:relative;}
.bild4g {width:250px; height:188px; z-index:8; visibility:visible; position:absolute; border:solid 2px #000;}
Code:
<div class="allpics" id="allpics">
<div class="bild1g" id="bild1g"><a href="level1.htm" title="Gleitringdichtungen"><img src='gleitringdichtungen-1.png' border='0' onmouseout='javacript:verstecke1()' /></a></div>
<div class="bild2g" id="bild2g"><a href="level1.htm" title="Gleitringdichtungen"><img src='gleitringdichtungen-2.png' border='0' onmouseout='javacript:verstecke2()' /></a></div>
<div class="bild3g" id="bild3g"><a href="level1.htm" title="Gleitringdichtungen"><img src='gleitringdichtungen-3.png' border='0' onmouseout='javacript:verstecke3()' /></a></div>
<div class="bild4g" id="bild4g"><a href="level1.htm" title="Gleitringdichtungen"><img src='gleitringdichtungen-4.png' border='0' onmouseout='javacript:verstecke4()' /></a></div>
<div class="bild1" id="bild1" onmouseover="javascript:zeige1();"><a href="level1.htm" title="Gleitringdichtungen"><img src="gleitringdichtungen-1_klein.png" border="0" /></a></div>
<div class="bild2" id="bild2" onmouseover="javascript:zeige2();"><a href="level1.htm" title="Gleitringdichtungen"><img src="gleitringdichtungen-2_klein.png" border="0" /></a></div>
<div class="bild3" id="bild3" onmouseover="javascript:zeige3();"><a href="level1.htm" title="Gleitringdichtungen"><img src="gleitringdichtungen-3_klein.png" border="0" /></a></div>
<div class="bild4" id="bild4" onmouseover="javascript:zeige4();"><a href="level1.htm" title="Gleitringdichtungen"><img src="gleitringdichtungen-4_klein.png" border="0" /></a></div>
</div>
Nur im IE7 wird es nicht überdeckt sondern wird es daneben angezeigt... Also an der Oberkante des 4ten Bild. Bug:  Richtig (eines überblendet alle 4):  Beispiellink: Unbenanntes Dokument 
|
| Sponsored Links |
|
07.09.2009, 14:23
|
||||
|
||||
|
Hi,
du hast das Problem doch erst zwei Stunden zuvor in einem anderen Forum gepostet. Wart doch erstmal etwas ab, bevor du dich als Crossposter betätigst. 
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Verständnis Problem position: absolute | freaky | CSS | 1 | 03.06.2008 14:05 |
| Position: absolute; top: 0px; PROBLEM | Burnswigg | CSS | 5 | 30.04.2008 12:04 |
| XHTML 1.0 strict: interpretation von alt und title (IMG) vom IE7, Opera und Firefox | braindead | (X)HTML | 5 | 11.03.2007 16:57 |
| IE7 relative position -> input box Problem | Daikoku | CSS | 12 | 17.11.2006 11:30 |
| Problem mit Background-Color im FireFox | to.ni | CSS | 2 | 31.08.2004 11:13 |
Linear-Darstellung
