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

Тема в разделе "Мегафлуд", создана пользователем erik87, 24 сен 2015.

  1. erik87

    erik87

    Регистр.:
    30 сен 2008
    Сообщения:
    206
    Симпатии:
    10
    Ниже приведен код для картинки. При наведении образуется внутри рамка. Если поставить ссылку на эту картинку, она не работает. Помогите разобраться почему.

    Код:
    .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;
    }
     
    Последнее редактирование: 24 сен 2015
  2. ykpon

    ykpon

    Регистр.:
    8 дек 2012
    Сообщения:
    249
    Симпатии:
    143
    Как ссылку ставишь, покажи?
     
  3. erik87

    erik87

    Регистр.:
    30 сен 2008
    Сообщения:
    206
    Симпатии:
    10
    HTML:
    <a href="#"></a>
     
  4. ykpon

    ykpon

    Регистр.:
    8 дек 2012
    Сообщения:
    249
    Симпатии:
    143
    Не вижу в этой ссылке задействования какого либо кода из CSS или вставки картинки.
     
  5. erik87

    erik87

    Регистр.:
    30 сен 2008
    Сообщения:
    206
    Симпатии:
    10
    HTML:
    <a href="#"><img src="путь к картинке" /></a>
    Проблема в CSS.
     
  6. gradar

    gradar Постоялец

    Регистр.:
    15 авг 2015
    Сообщения:
    67
    Симпатии:
    42
    <a href="#" class="box-image">

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

    ykpon

    Регистр.:
    8 дек 2012
    Сообщения:
    249
    Симпатии:
    143
    Ты что то не договариваешь.
    Перейти по ссылке
     
    erik87 нравится это.
  8. erik87

    erik87

    Регистр.:
    30 сен 2008
    Сообщения:
    206
    Симпатии:
    10
    Спасибо, что-то я перемудрил )
     
  9. gradar

    gradar Постоялец

    Регистр.:
    15 авг 2015
    Сообщения:
    67
    Симпатии:
    42
    рамка появляется с картинкой <a href="https://nulled.cc/" target="_blank" class="box-image"></a>

    a.box-image:before{
    background: url(https://www.nulled.cc/styles/default/nulled/logo_new.png);
    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;
    }
     
    Последнее редактирование: 24 сен 2015
  10. ultra

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    214
    Симпатии:
    308
    эх, побанить бы вас :conf: