Bild beim hover in den Vordergrund?

Guten Abend!Ich habe ein Problem, und zwar programmiere ich gerade eine Website, wenn ich über ein Bild fahre, wird es größer, soweit so gut, doch ich möchte das dieses Bilder vor den anderen Bildern steht. (wenn möglich ohne jquery)

      

        

                  

      

css:.bild:hover{-webkit-transform:scale(1.2);transform:scale(2);}.bild {-webkit-transition: all 0.7s ease;transition: all 0.7s ease; }Ich würde mich sehr über eine Antwort freuen!Danke im Vorraus

Answer 1

[MooKuh]

Musst nur den z-Index beim :hover auf z. B. 1 setzen und bei den nicht hover images auf 0. Achte darauf, dass du auch Position:relative; vergibst, sonst kann der z-Index nicht greifen, soweit ich weiß.

Answer 2

[tavkomann]

Wie meinst du das?

https://jsfiddle.net/2wLyf8mk/1/

Es ist doch schon vor den anderen? Willst du einen Schatten hinzufügen? 

https://jsfiddle.net/2wLyf8mk/3/

Oder was genau ist das Problem?

Comments

[dashausistblau]

Danke, genau so wie bei deinem ersten soll es sein, aber bei mir wird es hinter den andern Bildeen groß.

[tavkomann]

Kannst du bitte die jeweiligen Codeabschnitte bei hastebin.com posten?

[dashausistblau]

@tavkomann

Hab die Lösung bereits, aber danke.

Answer 3

[Dory1]

Versuch mal folgendes:

.bild {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.bild:hover {
  -webkit-transform: scale(1.2);
  transform: scale(2);
  border: 1px solid red;
  position: relative;
  z-index: 1;
}