Как разместить ссылку за картинкой?

Question

[cherepaha1990]

Помогите плиз. Я сделал трансформацию картинки. При наведении курсора она сдвигается в сторону и на ее месте пустота. Как на том самом месте расположить например ссылки?

Comments

[cherepaha1990]

ну пожалуйста

[Александр Цымбал]

без примера никто не поможет

Answer 1

[Александр Маджугин]

Ты не с той стороны подходишь.
Берешь ссылку, размещаешь ее где хочешь, а ПОТОМ поверх нее делаешь картинку которая сдвигается.
А в твоей постановке вопрос не разрешим.

Comments

[cherepaha1990]

Суть понял, подскажите тогда как картинку поверх ссылки сделать?

[Александр Маджугин]

и ссылку и картинку помещайте в блок с позицией relative. Картинку после ссылки. Картинке ставьте позицию absolute и позиционируйте так чтобы она ссылку перекрыла.

[cherepaha1990]

Никак. Помогите, если для Вас это не сложно, пожалуйста.
вот html




А вот css

#menu {

background-image:url(02f44ee6be.jpg);
float: left;
width: 400px;
height: 600px;
}

.object {
# position: absolute;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
-moz-transition: all 1s ease-in-out; /** Firefox **/
-o-transition: all 1s ease-in-out; /** Opera **/
}

#axis:hover .move-right{
transform: translate(400px,0);
-webkit-transform: translate(400px,0); /** Chrome & Safari **/
-o-transform: translate(400px,0); /** Opera **/
-moz-transform: translate(400px,0); /** Firefox **/
}

[Александр Маджугин]

cherepaha1990: добавьте код в вопрос и оберните его в

[Александр Маджугин]

code

Answer 2

[Kable7]

Странный получился метод :) jsfiddle.net/jo37cLxc/3

Answer 3

[Дмитрий]

Как вариант двумя слоями, один поверх другого. В нижнем ссылки и прочее, в верхнем - картинка.