Бесконтактные значки в div в div

Любые идеи о том, как настроить социальные значки на клики? Я знаю, если я удалю основной #artistheader, значки станут доступными для кликов, однако, что #artistheader имеет заголовок BG-изображения.Бесконтактные значки в div в div

<!--Begin Artist Header--> 
<div id="artistheader"> 
    <div id="artistimage"><img src="../images/ykmfull.png" alt="YKM"></div> 
    <div id="artistname"><center><img src="../images/ykmName.png" alt="YKM"></center></div> 
    <div id="artistSocial"><center> 
    <a href="https://www.facebook.com/YoungKingsCompany" target="_blank"><img src="../images/fb.png" alt="fb" width="50" border="0"></a><a href="http://www.twitter.com/youngkingsmula" target="_blank"><img src="../images/twitter.png" alt="tw" width="50"></a><img src="../images/insta.png" alt="insta" width="50"></center></div> 
<!--artist header end--></div>

Я добавил, что относительное позиционирование и z-индексы, пытающиеся найти решение, изначально не были.

#artistheader { 
    position: relative; 
    z-index: -45; 
    clear: both; 
    float: left; 
    margin-left: 0; 
    width: 100%; 
    display: block; 
} 

#artistimage { 
    clear: both; 
    float: left; 
    margin-left: 8.4249%; 
    width: 24.1758%; 
    display: block; 
} 
#artistname { 
    clear: none; 
    float: left; 
    margin-left: 9.5238%; 
    width: 41.0256%; 
    display: block; 
    margin-top: 7%; 
} 
#artistSocial { 
    position: relative; 
    z-index: 5000; 
    clear: none; 
    float: left; 
    margin-left: 9.5238%; 
    width: 41.0256%; 
    display: block; 
} 
#fb { 
    position: relative; 
    z-index: 5000; 
    clear: none; 
    float: left; 
    margin-left: 26.3736%; 
    width: 32.6007%; 
    display: block; 
} 
#tw { 
    clear: none; 
    float: left; 
    margin-left: 1.0989%; 
    width: 15.7509%; 
    display: block; 
} 
#insta { 
    clear: none; 
    float: left; 
    margin-left: 1.0989%; 
    width: 15.7509%; 
    display: block; 
}

источник

2014-02-06 BDSmith

Что вы пробовали? приготовьте скрипку от http://jsfiddle.net/ –

Кажется, все хорошо работает в скрипке: http://jsfiddle.net/4dCAV/ – pschueller

Итак, я понял это. При написании Jfiddle, который я заметил в #artistheader, фоновое изображение не было в коде ... (там где-то есть дубликат). Низко и созерцать исходный код страницы - это еще одно правило CSS #artistheader. После удаления правила в css и предварительного просмотра проблема была исправлена. Не знаю, как были вставлены два разных тега #artistheader. – BDSmith

Двойные экземпляры #artistheader существовали. 1 в исходном коде на странице и 1 в CSS. Удалив правило на CSS и оставив его в исходном коде, ссылки снова работали. Не уверен, где второй экземпляр пришел (один в исходном коде), и я неважно, что я ушел, но потому что у меня есть размытие на одном в исходном коде, я его сохранил. Я предполагаю, что оба конфликтуют друг с другом, а затем просто «заморозили» эту секцию.

источник

2014-02-07 05:49:33 BDSmith

Бесконтактные значки в div в div

ответ

Смежные вопросы