установив вершину z-index - PullRequest
Новая
       0

установив вершину z-index

1 голос
/ 20 декабря 2011

У меня есть кнопка «вниз» в правой части моего сайта, которая плавно перемещается в нижнюю область сгиба. Но в меньших окнах; нетбуки, айпад и т. д. - кнопка нажимается за контентом. Как правильно установить z-index этого изображения / div, чтобы при просмотре на меньшем экране он отображался над содержимым?

Ответы [ 3 ]

2 голосов
/ 20 декабря 2011

Z-индекс должен быть выше, чем z-индекс объекта DOM, который вы хотите расположить за ним. Кроме того, положение должно быть установлено как относительное (позиция: относительная;). По умолчанию все объекты DOM имеют z-индекс 0.

1 голос
/ 21 декабря 2011

Другие комментарии верны, ваша кнопка должна иметь более высокий z-индекс, чем другой контент.Ниже приведен пример. 

<body>
   <style type="text/css>
      .content
      {
         position:relative;
         z-index:1;
      }
      .button
      {
         position:relative;
         z-index:10;
      }
   </style>
   <div class="content">
      Content
   </div>
   <a class="button">
      Button
   </a>
</body>
1 голос
/ 20 декабря 2011

Чем выше z-индекс, тем больше div / img перед остальными. Если вы хотите быть уверены, что ваша кнопка находится перед остальными, используйте 9999.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...