CSS непрозрачный div, ссылки не работают внутри этого div - PullRequest
Новая
       6

CSS непрозрачный div, ссылки не работают внутри этого div

1 голос
/ 19 марта 2012

У меня есть нижний колонтитул с непрозрачностью 0,4, как вы можете видеть здесь ... 

.footer{
    margin: 0 auto;
    position: relative;
    width: 1101px;
    background-color:#888888;
    min-height:145px;
    opacity:0.44;
    filter:alpha(opacity=44);
}

и у меня есть другой div-класс внутри нижнего колонтитула с именем footerNav ... 

.footerNav{
    padding-top:10px;
    margin: 0 auto;
    position: relative;
    width:1080px;
}

.footerNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 8px;
}

.footerNav li {
    float: left;
}

.footerNav ul a {
    color: #FFFFFF;
    display: block;
    padding: 0 30px 0 0;
    text-decoration: none;
    font-size:36px;
    text-transform:uppercase;
}

и со списком внутри класса div 

<div class="footerNav">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About Us</a></li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="services.php">Services</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</div><!--footerNav-->
</div><!--footer-->

Моя проблема в том, что ссылки не кликабельны, а цвет ссылок белый, как мне это исправить? Заранее спасибо, J

1 Ответ

2 голосов
/ 19 марта 2012

Добавьте z-index к вашему footerNav 

.footerNav{     
    padding-top:10px;     
    margin: 0 auto;     
    position: relative;     
    width:1080px; 
    z-index:1000;
}
...