Kép középre igazítása

Sziasztok!

Csak egy gyors CSS fixálásra keresnék segítséget.
Van egy DIV elemem, benne egy A és azon belül egy IMG.
A kép szélessége kitölti a div-et de olyan képeknél, ami magasabb mint a téglalap alakú div
(túl magas a kép), ott csak a kép felső része látszik. Ezt szeretném függőlegesen középre igazítani.

Már jó sokat szenvedtem vele és olvastam sok megoldást (még js-t is próbáltam) de csak nem akar összejönni a dolog :)
Tuti én bénázok, mert máskor, máshol már biztosan csináltam ilyet, de most meg itt nem akar működni a módszer.

Tudna esetleg valaki segíteni? Linket küldök privátban.

Köszönöm!

ugy egyszerubb lenne ha hatternek allitanad be, es az A tag helyett onclick esemenyt hasznalnal, igy csak egy elemre kell nezni a css-t, joval kevesebb vele a szivas.

HTML kód:

---

div {
    background-image: url('kep.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    cursor: pointer;
}

---

Igen, csak az a baj, hogy egy szép animáció is nehezíti a munkámat.
Így a háttérként való beállítással az nem működne.
Azért köszönöm, hogy segíteni próbálsz!

A linknek add meg a hátteret és alakítsd át blockká így:

Kód:

---

a {
    background-image: url('kep.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

---

Ha ismert a kép és a befoglaló div magassága és fontos hogy img tagként szerepeljen a forrásban, akkor negatív margin-toppal fel tudod csúsztatni.

Pl: 100 px magas divben egy 200 px magas képnél margin-top: -50px kell az img-re. A divre meg raksz egy overflow: hiddent. De a konkrét kódtól függetlenül lehetnek még szempontok.

Ez csak akkor működik, ha minden képe egyforma magas és nem reszponzív az oldal. Az esetében mindkettő megdőlt.