2012-05-19 15 views
15

kullanarak başlığının HTML script:CSS Bağlantı tıklanamıyorsa Burada mutlak pozisyon

<div class="header"> 
<div class="logo"><a href="Default.aspx"><img src="style/images/logo.png" alt="" /></a></div> 
<div class="toplink"><a href="Signin.aspx">Sign in</a></div> 
<div class="search"> 
    <form class="searchform" runat="server" method="get"> 
     <input type="text" id="s" name="s" value="Search for photos" onFocus="this.value=''" onBlur="this.value='Search for photos'"/> 
    </form> 
</div> 
</div> 

Ve burada CSS script:

.logo { 
    padding: 30px 0; 
} 

.logo img { 
    display: inline; 
} 

.toplink { 
    position: absolute; 
    bottom: 40px; 
    right: 280px; 
    font-size: 14px; 
} 

.search { 
    position: absolute; 
    bottom: 10px; 
    right: 0; 
    font-size: 14px; 
    width: 330px; 
} 

nasılsa İşaret linkte değil mi tıklanabilir, ancak mutlak pozisyonu kaldırdığımda normal çalışır. Hala pozisyonu korurken bağlantıyı yapmak için var mı? Herhangi bir öneri takdir ve şimdiden teşekkürler.

-Edit- Sorun başka bir yerde yandığında ortaya çıkıyor. Aslında ana sayfayı kullanıyorum ve onu kullanarak bir varsayılan ASP sayfası oluşturdum. Sorun, yalnızca bu ASP sayfasını test ettiğimde, ana sayfayı oluşturmak için kullandığım HTML dosyasını değilken ortaya çıkar. Üzgünüm karmaşık gelsem ama evet, sorun benim için karmaşık bir şey. Umarım birisi benim için nedenini gösterebilir.

+3

Sadece test edilmiş, tıklanabilir! Kodunuzun geri kalanıyla ilgili daha fazla bilgi vermeniz gerekiyor! Sorun, sorunuzda sahip olduğunuz şeyden gelmiyor! – Zuul

+0

Ayrıca, üzerinde test ettiğiniz burçlar/os listesini de eklemelisiniz. Bunların benzersiz bir kombinasyonu ile sınırlı olabilir, özellikle verilen zuul'un yorumu –

+0

http://jsfiddle.net/Wh2sK/ - Benim için çalışır. –

cevap

51

sınıfına z-index:10; eklemeye çalışın.

+0

kusursuz çalışıyor! Çok teşekkürler! –

+2

, z-index ile katman düzenini belirtiyorsunuz. Bu böyle bir şey. z-endeksi: x' olan elemanlar z-indeksi: (x'den az) 've z-indeksi: (daha sonra x) ile elemanların arkasındaki elemanların üstünde kalır. Umarım seni anlatabilmek için başarılı oldum. –

+0

Açıklama için teşekkür ederiz! Umarım aptalca bir soruya aldırmazsınız, ancak hala toplink sınıfı için z-endeks değerini belirlemeden önce hangi elemanın köprünün üstünde kaldığını merak ediyorum. –