2012-03-19 50 views
1

我有0.4的不透明度頁腳,你可以在這裏看到...CSS不透明的div,裏面完全不工作環節的div

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

,我有叫footerNav頁腳內的另一個DIV類.. 。

.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 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--> 
內部列表

我的問題是鏈接不可點擊,鏈接的顏色設置爲白色,我該如何解決這個問題?在先進的感謝, Ĵ

+0

是什麼瀏覽器在運行此嗎?如果你看看這個修補程序:https://tinker.io/2494e它的作品。我添加了hotpink背景,使其性感。 ;) – 2012-03-19 07:01:36

+0

非常性感,哈哈我正在運行的Firefox 11 – user1269625 2012-03-19 07:04:12

+0

好吧,我也運行FF11以及您發佈的代碼作品ootb,fyi。如果您想要將它嵌入到元素堆棧中,但是我認爲可能會有其他的CSS或其他東西阻塞它,那麼建議進一步下一步的z-index。 – 2012-03-19 07:07:06

回答

2

添加的z-index你footerNav

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

這讓我的鏈接工作,但白色字體仍然不顯示 – user1269625 2012-03-19 07:09:02

+0

因爲你使用不透明度白色可能有一些問題嘗試一些深色 – 2012-03-19 07:12:26

+0

謝謝,有一個愉快的夜晚:) – user1269625 2012-03-19 07:18:00