Mengapa tautan jangkar saya mendorong konten ke belakang tajuk saya?

Saya memiliki tata letak di mana bagian header menggunakan posisi absolut dan ketika saya mengklik link jangkar di konten saya, link tersebut membawa saya ke tempat yang tepat tetapi mendorong konten saya ke belakang header.

Apa penyebabnya dan bagaimana cara memperbaikinya?

Ini URL-nya:

http://digitaldemo.net/joy/krippen-a-b-c/

Terimakasih banyak!

Cynthia


html css anchor
person Cynthia    schedule 11.09.2012    source sumber
comment
apakah Anda menggunakan javascript saat mengeklik tautan?   -  person Clyde Lobo    schedule 11.09.2012

Jawaban (2)


arrow_upward
1
arrow_downward

Anda memiliki 'overflow: tersembunyi' pada gaya #container dan gaya #content Anda. Coba beri komentar pada kedua pernyataan tersebut dan lihat apakah itu membantu.

person ZombieCode    schedule 12.09.2012
comment
Itu memecahkan masalah itu :) Sayangnya overflow:hidden pada div #content itulah yang memungkinkan ketinggian kolom saya sama, jadi sekarang saya harus mencari alternatif untuk itu. - person Cynthia; 12.09.2012

arrow_upward
0
arrow_downward

Periksa properti css z-index dari tag jangkar serta tag header.

person Murali Murugesan    schedule 11.09.2012
comment
Tidak ada yang memiliki properti indeks-z. Saya yakin mereka mewarisi indeks-z dari div wadah (#body). - person Cynthia; 11.09.2012