Фиксированный позиционирующий разрывный индекс z

У меня есть веб-страница, которую мне нужно изменить, фон, который в настоящее время полностью позиционирован с z-index, чтобы оттолкнуть его назад, должен оставаться включенным при прокрутке, мне нужно изменить его на фиксированный, но, похоже, перерыв z-index и подталкивание содержимого под ним по вертикали. Любые идеи?

изменить: OK Мне удалось заставить его работать в FF, но IE все еще сломан...

Ответы

Ответ 2

Возможно, посмотрите на приведенные ниже правила, как элементы сложены. Ниже перечислены правила контекста укладки и стекирования из этой ссылки

Порядок стекирования в контексте стека

Порядок элементов:

  • Корневой элемент контекста стекирования (элемент <html> по умолчанию является единственным стекирующим контекстом, но любой элемент может быть корневым элементом для контекста стекирования, см. правила ниже)
    • Нельзя поместить дочерний элемент за элемент контекста корневого стека
  • Позиционированные элементы (и их дочерние элементы) с отрицательными значениями z-индекса (более высокие значения складываются перед более низкими значениями, элементы с одинаковым значением складываются в соответствии с внешним видом в HTML)
  • Непоставленные элементы (упорядоченные по внешнему виду в HTML)
  • Позиционированные элементы (и их дочерние элементы) с z-индексом значения auto (упорядочены по внешнему виду в HTML)
  • Позиционированные элементы (и их дочерние элементы) с положительными значениями z-индекса (более высокие значения складываются перед более низкими значениями, элементы с одинаковым значением складываются в соответствии с внешним видом в HTML)

Когда формируется контур стекирования

  • Когда элемент является корневым элементом документа (элемент <html>)
  • Если элемент имеет значение позиции, отличное от статического и, значение z-index, отличное от auto
  • Когда элемент имеет значение непрозрачности менее 1
  • Несколько новых свойств CSS также создают контексты стекирования. К ним относятся: преобразования, фильтры, css-регионы, постраничные медиа и, возможно, другие. См. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
  • Как правило, кажется, что если для свойства CSS требуется рендеринг в внеэкранном контексте, он должен создать новый контекст стекирования.

Ответ 3

Возможно, вы можете поместить фон, который уже есть в оболочке для всей страницы, и использовать вместо этого градиентный фон на теле.

В зависимости от градиента вы также можете использовать градиент css3 на фоне тела (или просто несколько фонов...) и использовать css3pie, чтобы он работал в IE.