Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Jak spowodować wysunięcie na wierzch obrazka? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Jak spowodować wysunięcie na wierzch obrazka? (/thread-jak-spowodowac-wysuniecie-na-wierzch-obrazka)



Jak spowodować wysunięcie na wierzch obrazka? - Shibu - 28-04-2013

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ą Smile
Chciałbym by nic go nie zasłaniało.
[Obrazek: para.bmp] Smile

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 Rolleyes


RE: Jak spowodować wysunięcie na wierzch obrazka? - Radian - 29-04-2013

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


RE: Jak spowodować wysunięcie na wierzch obrazka? - Shibu - 29-04-2013

dzięki :3


RE: Jak spowodować wysunięcie na wierzch obrazka? - Kartofelek - 09-05-2013

Można. Tylko po co?


RE: Jak spowodować wysunięcie na wierzch obrazka? - hieroshima - 13-05-2013

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