Witam,
mam taki kod małej galerii zrobiony w css i html.
Jednak nie działa on pod IE.
Da się coś z tym zrobić?
Pod innymi przegladarkami działa.
.galeria{
padding-top: 470px; /* tu ustawiamy miejsce na duże zdjęcie. Po najeździe tu pojawi się span */
position: relative; /* nasz span będzie się pozycjonował względem tego elementu bo jako ostatni ma position inne od static
}
.miniatury{
padding-left: 35px; /* Tylko wygląd */
}
.miniatury > span{
float: left; /* Tylko wygląd */
margin-right: 35px; /* Tylko wygląd */
}
.miniatury > span > span{
position: absolute; /* pozycjonujemy */
left: 0; /* w lewy */
top: 0; /* górny róg diva .galeria */
display: none; /* normlanie span jest ukryty */
width: 505px; /* jakas szerokosc */
height: 450px; /* jakas wyskosc */
border: 1px solid #fff; /* Tylko wygląd */
}
.miniatury > span:hover img{
background-color: #999; /* Tylko wygląd */
}
.miniatury > span:hover > span{
display: block; /* kiedy nadrzędny span jest hoverowany, pokazujemy naszego spana z duzym zdjeciem */
}
span.pm{
background: transparent url(http://codra.na11.pl/szablon/images/m/3szablon.jpg) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
}
span.nuns{
background: transparent url(http://codra.na11.pl/szablon/images/m/3szablon.jpg) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
}
span.shut{
background: transparent url(3d.jpg) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
}
<span class="male-foto"><img src="http://codra.na11.pl/szablon/images/m/3szablon.jpg" alt="" /><span class="duze-foto nuns"></span></span>