T-Rex: Direkter Nachbar Selector Smartphone Erstaufruf

Beitrag lesen

Moin,

heute komme ich auch mal mit einem css Problem *seufz*.
Und zwar hab ich für einen Kunden einen Hovereffekt erstellt. Der ist auch sehr Simpel:

HTML:

<img src='irgendwas' class='hover' />  
<img src='irgendwas' />  

CSS:

.hover + img  
{  
	display: none;  
	position: absolute;  
	border: 1px solid #c9c9c9;  
	margin-top: 3px;  
	margin-left: -4px;  
	box-shadow: 3px 3px 3px #999;  
}  
  
.hover:hover + img  
{  
	display: block;	  
}

Auf jedem Computer in jedem Browser funktioniert das. Jedoch nicht auf einem Touchfähigem Gerät. Damit meine ich jedoch nicht den Hovereffekt perse.

Problem:
Beim erstmaligen Laden der Seite sieht man img2. Es hat aber nicht position absolute sondern steht im HMTL Fluss. Läd man die Seite erneut, sieht alles wie gewünscht aus. Wird dann jedoch gescrollt (mittels touchscreen), erscheinen alle Bilder.

Entweder hat das Ding ein Problem mit dem direkten Nachbarn Selektor "+" oder mit der pseudoklasse :hover. Problem tritt bei IOS und Android Systemen auf.

Gruß
Der an simplen Problemen aktuell verzweifelnde
T-Rex