Крепление перекрытия вопрос между HTML ссылки и изображения?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Styler247, 16 сен 2013.

  1. Styler247

    Styler247

    Регистрация:
    16 май 2013
    Сообщения:
    87
    Симпатии:
    2
    У меня есть нижний колонтитулы на моем сайте, в которых есть ссылки с изображениями под ними. Существует перекрытия между двумя div, содержащие эти. Где изображения ссылки перекрываются, ссылки не являются интерактивными.

    Извлечение релевантной кодом и выполнение JSFiddle из него может занять некоторое время, поэтому я отправляю фотографии, и я надеюсь, что кто-то может помочь мне на их основе:

    footer_info div содержащие HTML ссылки:

    [​IMG]

    footer_row_0 div содержащие изображения:

    [​IMG]

    Для моего сценария, следующие HTML ссылки не работают:

    Privacy Policy
    Terms & Conditions
    Site Map
    Affiliates
    Specials
    Wish List
    Newsletter

    Я уже пытался z-index: 10 на footer_info div, но это не решит проблему. И, если я изложу отрицательного значения z-index для footer_row_0 div, она исчезает.

    footer_info div CSS:

    background-color: rgb(255, 255, 255);
    background-image: none;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    clear: both;
    color: rgb(84, 84, 84);
    display: block;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 149px;
    line-height: 18px;
    margin-bottom: -75px;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    width: 980px;
    z-index: auto;

    footer_row_0 div CSS:

    color: rgb(224, 224, 224);
    display: block;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 150px;
    line-height: 18px;
    position: relative;
    width: 980px;
    z-index: 0;

    Can someone tell me how to solve this issue ?