Виправте позицію тегу div

Javascript

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

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

Я намагався створити список меню. Я працював нормально, як і очікувалося, крім одного випадку. Коли я наводить курсор миші на спортивне слово, здається, що теніс і баскетбол з'являються, але це слово хоче бути? натиснута, але я хочу, щоб позиція була виправлена. Я використовував фіксований позицію, а також z-індекс як -1, я не знаю, чи вони використовуються таким чином, але я знайшов їх на google

Але все-таки слово "хочу бути?" знижується на наведенні ефекту, але я хочу, щоб воно було зафіксоване, і воно повинно бути позаду тенісного та баскетбольного меню, коли наведе курсор.

Будь ласка, допоможіть мені з цими. будь-яка допомога дуже вдячна. Дякую

0
добре, одна річ кожна каже позиція-абсолютна, але за допомогою цього робить це шкідливий вплив на різні браузери?
додано Автор niko, джерело
Я почув, як люди кажуть, що ніколи не використовують позицію абсолютно, йдуть переважно на позицію відносно, але просто дайте мені знати, чи повинен я йти на позицію абсолютно
додано Автор niko, джерело
Метод для виправлення (на даний момент я пише висоту в CSS, але його можна динамічно встановити за допомогою JavaScript/jQuery): jsfiddle.net/xbjzp
додано Автор Rob W, джерело

3 Відповіді

Просто додайте position: absolute; до "cool" UL

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

check this demo

1
додано

Для цього є ряд обхідних рішень.

Перш за все, виправити місце розташування вашого фіксованого div, фактично вказавши його місцеположення за допомогою властивостей CSS top і left .

0
додано
Я знаходжу перекриття елементів, я хочу, щоб він був позаду, не перекривався
додано Автор niko, джерело

Можливо, ви захочете встановити позицію списку #col як "абсолютну". Таким чином, весь список не займе жодного місця в документі HTML і, таким чином, не переміщатиметься, коли зміниться.

0
додано
але я бачу перекривання елементів
додано Автор niko, джерело