Используя Z-index, маржа не работает, чтобы оттолкнуть div от другого - PullRequest
Новая
       27

Используя Z-index, маржа не работает, чтобы оттолкнуть div от другого

0 голосов
/ 03 августа 2010

Я отредактировал это сообщение с моим вопросом, написанным более простым способом для понимания. Пожалуйста, смотрите ниже.

Некоторые CSS, которые я использую: 

#wing_right
{
  background-image:url("../images/poppadom.png");
  height:678px;
  margin-right:-60px;
  margin-left: 500px;
  position:fixed;
  right:0;
  top:240px;
  width:387px;
  z-index:50;  
}

Упрощенная версия вопроса для понимания. Я надеюсь.

Ниже приведено схематическое представление моего сайта. -> | LW | CN | RW | LW = левое крыло CN = содержимое RW = правое крыло. У левого и правого крыла очень похожий CSS. См. Выше CSS только с той разницей, что изображение и его прикрепление к левому крылу. Содержание ниже с точки зрения z-индекса и не может быть покрыто крыльями. Как и на очень простой диаграмме, LW и RW перемещаются с изменением размера браузера, что я и хочу. Однако, когда вы уменьшаете окно браузера, мне нужно что-то, чтобы LW и RW не покрывали содержимое. Оба крыла находятся на одном и том же z-индексе, а содержимое - на более низком z-index.

Ответы [ 2 ]

0 голосов
/ 03 августа 2010

У контента нижнего уровня фиксированная ширина или он автоматический? Если это автоматически, это звучит как правильное поведение. Вы можете применить минимальную ширину к слою, который вы не хотите, чтобы он был «задет» изображениями слева и справа.

0 голосов
/ 03 августа 2010

Этот элемент расположен не относительно или статически, поэтому он не "в потоке" и, таким образом, margin не повлияет на любой другой divПожалуйста, опубликуйте полный пример, так как это очень сложный вопрос.

...