Jak spowodować wysunięcie na wierzch obrazka?

[Shibu]

Witam edytuje właśnie stronę do szkoły z dodatkiem css i mam takie pytanie czy istnieje możliwość wysunięcia obrazka na wierzch? tzn by nie był niczym zasłaniany przy powiększeniu bo gdy mam ich więcej powiększony obrazek wchodzi pod pomniejszony (powiększenie następuje po najechaniu myszą
Chciałbym by nic go nie zasłaniało.


tu macie css ;3

Kod:

<style type="text/css">

.hovergallery img{
-webkit-transform:scale(1.0); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1.0); /*Mozilla scale version*/
-o-transform:scale(1.0); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(9.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(9.1); /*Mozilla scale version*/
-o-transform:scale(9.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

</style>

Pozdrawiam i z góry dziękuje

[Radian]

szczerze, twojego css nie oglądałem ale moja porada na szybko to z-index za coś takiego odpowiada.

[Shibu]

dzięki :3

[Kartofelek]

Można. Tylko po co?

[hieroshima]

possition + z-index w zupełności wystarczy. Nie ma się co bawić w rozwiązania tego typu w jQuery