Div etiketinin konumunu düzeltin

Javascript

$("#col").hover(function (){
   $("#cool").toggle();
});

<div>
  • Sports
</div>
<div style="position:fixed;z-index:-1">
Wanna be?
</div>

Bir drowdown menü listesi oluşturmaya çalışıyordum. Bir vaka dışında beklediğim gibi iyi çalışıyor. Fareyi spor kelimesinin üzerine getirdiğim zaman, tenis ve basketbol ortaya çıkıyor gibi görünüyor ama kelime olmak ister miydi? aşağı itilir ancak pozisyonun sabitlenmesini istiyorum. Ben konum olarak sabit ve z-endeksi -1 olarak kullandım, bu şekilde kullanılıp kullanılmadıklarını bilmiyorum ama onları google'da buldum

Ama hala 'olmak ister' kelimesi? hover etkisinden aşağıya iniyor, ancak sabit kalmasını istiyorum ve vurgunun yürürlüğe girmesi durumunda tenis ve basketbol menüsünün arkasında olması gerekiyor.

Lütfen bana yardım edin. herhangi bir yardım büyük beğeni topluyor. Teşekkürler

0
iyi bir şey her pozisyon-mutlak diyor ama bunu kullanarak farklı tarayıcılarda herhangi bir zararlı etkisi var mı?
katma yazar niko, kaynak
İnsanların asla konumsal akrabası için asla pozisyon mutlak gitme demediğini duydum ama sadece mutlak pozisyon için gideyim.
katma yazar niko, kaynak
Düzeltmek için bir yöntem (Şu anda CSS'de yüksekliği kodladım, ancak JavaScript/jQuery kullanarak dinamik olarak ayarlanabilir): jsfiddle.net/xbjzp
katma yazar Rob W, kaynak

3 cevap

UL'yi "soğut" ​​için pozisyonu: mutlak; ekleyin.

<div>
  • Sports
<div style=" z-index:-1">
Wanna be?
</div>
</div>

check this demo

1
katma

Bunun için birkaç geçici çözüm var.

Öncelikle, sabit div'inizin yerini, top ve left CSS özellikleriyle konumlarını belirterek düzeltmek olacaktır.

0
katma
Örtüsünün arkasında olmamasını istediğim elemanların üst üste gelmesini buluyorum
katma yazar niko, kaynak

#Col listesinin konumunu "mutlak" olarak ayarlamak isteyebilirsiniz. Bu şekilde, tüm liste HTML belgesinde yer açmayacak ve böylece değiştiğinde bir şeyleri hareket ettirmeyecektir.

0
katma
ama elementlerin örtüştüğünü görüyorum
katma yazar niko, kaynak