У меня есть сайт с выпадающим меню. Когда меню расширяется, оно выходит за некоторые лики, которые у меня есть. z-index
на li равен 10, и в настоящее время выпадающая ul не имеет z-индекса, но имеет opacity:1
. Пробовал каждую комбинацию непрозрачности и z-индексов в упомянутых элементах, но я не могу заставить ее работать должным образом. Я хочу, чтобы li находился за выпадающим списком ul, когда он расширяется. Ли относительно позиционируется (мой проект нуждается в этом) и имеет свойство float. Единственный способ, которым я могу выполнить эту работу, - это использовать z-index:1
для li, но я не хочу, чтобы это зависело от некоторых других элементов. Есть идеи?
Если вы хотите использовать свойство z-index
, мы должны установить position:absolute;
div position:absolute;
, position:fixed;
или position:relative;
Возможно, вам стоит взглянуть на теги ваших позиций,
Если вы не укажете значение позиции для своих элементов в вашем css, ваше значение z-index не будет учитываться браузером.