Вопрос:

Каков наилучший способ работы с большим количеством параметров z-index?

html css3 z-index

36 просмотра

3 ответа

8 Репутация автора

Мой проект сейчас полностью испорчен, потому что я использую так много z-индексов. Сейчас я не могу понять, почему некоторые классы прячутся, и у меня нет возможности решить это. Могу ли я что-нибудь сделать, чтобы решить эти проблемы? Какие-либо предложения?

Автор: mgeezy Источник Размещён: 22.08.2016 09:46

Ответы (3)


0 плюса

331 Репутация автора

Просмотрите ваши Z-индексы и меняйте их по одному. Обычно люди склонны использовать большие числа, чтобы они помнили, что есть что. Например, каждый раз увеличивайте свои z-индексы на 100 или уменьшайте их на 100, или даже 1000.

Ваш вопрос, вероятно, будет отвергнут, ха-ха. Извините, братан, надеюсь, это помогло!

Автор: wdfc Размещён: 22.08.2016 09:49

0 плюса

2586 Репутация автора

Если вы используете препроцессор, такой как Sass / SCSS (или Less или Stylus), вы можете использовать переменные для отслеживания ваших z-индексов. В sass, например, вы можете сделать что-то вроде этого:

$z: (
  base: 1,
  menus: 10,
  modals: 100
)

.modal { z-index: map-get($z, modals); }
.some-other-modal-thing { z-index: map-get($z, modals); }

Это поможет двигаться вперед; на данный момент вам придется очистить его вручную. Поиск + замена в выбранном вами текстовом редакторе должна помочь вам отследить и обновить любые ссылки. Может быть полезно просмотреть примеры z-indexпо одному, удаляя по одному и видеть, что ломается. (Если ничего не нарушается, убейте правило и переходите к следующему экземпляру!)

Автор: jack Размещён: 22.08.2016 10:00

0 плюса

3597 Репутация автора

Разделяйте вещи.

Создайте слои высокого уровня с компонентами высокого уровня. Т.е., если у вас есть строка меню, боковая панель и основной раздел, вам нужно всего лишь три слоя. Тогда беспокойтесь о том, что внутри них позже.

Если вы пытаетесь наслоить каждую отдельную вещь одну за другой со всеми другими отдельными вещами на странице, вы делаете это неправильно.

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

Технически относительное и абсолютное позиционирование создают новый контекст z-индексации. Благодаря фиксированному позиционированию, в зависимости от браузера, Firefox также изменил обработку в некоторых версиях, и Chrome обрабатывает его по-разному, чтобы соответствовать мобильным браузерам, если я не ошибаюсь, но кто-то должен был бы это подтвердить.

Автор: Roope Размещён: 22.08.2016 10:02
Вопросы из категории :
32x32