Не работает ссылка

[erik87]

Ниже приведен код для картинки. При наведении образуется внутри рамка. Если поставить ссылку на эту картинку, она не работает. Помогите разобраться почему.

.box-image:before{
    background-color: rgba(0,0,0,0.6);
    border: 1px solid #414141;
    bottom: 0;
    content: " ";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    transition: all 0.45s ease 0s;
    -moz-transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
}
.box-image:after{
    position: absolute;
    bottom: 0;
    content: " ";
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    transition: all 0.45s ease 0s;
    -moz-transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
}

.box-image:hover:before{
    bottom: 20px;
    left: 20px;
    opacity: 1;
    right: 20px;
    top: 20px;
    z-index: 10;
    cursor: pointer;
}

 

[ykpon]

Как ссылку ставишь, покажи?

 

[erik87]

<a href="#"></a>

 

[ykpon]

<a href="#"></a>

Не вижу в этой ссылке задействования какого либо кода из CSS или вставки картинки.

 

[erik87]

<a href="#"><img src="путь к картинке" /></a>

Проблема в CSS.

 

[gradar]

<a href="#" class="box-image">

a.box-image:before{................

 

[ykpon]

<a href="#"><img src="путь к картинке" /></a>

Проблема в CSS.

Ты что то не договариваешь.
Для просмотра ссылки Войди или Зарегистрируйся

 

[erik87]

Спасибо, что-то я перемудрил )

 

[gradar]

рамка появляется с картинкой <a href="http://nulled.ws/" target="_blank" class="box-image"></a>

a.box-image:before{
background: url(Для просмотра ссылки Войди или Зарегистрируйся
border: 1px solid #414141;
bottom: 0;
content: " ";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
transition: all 0.45s ease 0s;
-moz-transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
}
a.box-image:after{
position: absolute;
bottom: 0;
content: " ";
left: 0;
right: 0;
top: 0;
z-index: 0;
transition: all 0.45s ease 0s;
-moz-transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
}

a.box-image:hover:before{
bottom: 20px;
left: 20px;
opacity: 1;
right: 20px;
top: 20px;
z-index: 10;
cursor: pointer;
}

 

[ultra]

эх, побанить бы вас