2012-03-19 22 views
1

が、私は0.4の不透明度とフッターを持ってCSSの不透明度のdivは、その内部で動作していないリンクが...あなたがここに見ることができるよう

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

DIVと私は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のクラスの内部リストと

<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

+0

にZインデックスを追加しますか?このティンカーを見れば:https://tinker.io/2494eそれは動作します。私はhotpinkの背景を追加し、そのセクシーな原因になります。 ;) –

+0

非常にセクシー、笑私はfirefox 11を実行しています – user1269625

+0

さて、私もFF11を実行しているとあなたが投稿したコードは、ootb、fyiを動作させています。あなたがそれを要素スタックの上にバンプしたい場合は、さらに下に提案されたz-indexがありますが、他のCSSや何かがブロックされている可能性があります。 –

答えて

2

は、あなたがこれを実行しているどのようなブラウザ、あなたのfooterNav

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

これは私のリンクが働いていますが、白いフォントはまだ – user1269625

+0

を表示しています。なぜなら、不透明な白い色を使用しているので、何か問題があるかもしれないからです。暗い色を試してみてください。 –

+0

ありがとう、いい夜があります:) – user1269625

関連する問題