Проблема z-Index - позиционирование дочернего элемента над родным братом - PullRequest
Новая
       40

Проблема z-Index - позиционирование дочернего элемента над родным братом

4 голосов
/ 28 июля 2011

У меня есть ситуация, как в на этом скриншоте ниже, но я хочу, чтобы B был позади A и - сложная часть - b над A.

enter image description here

Как я мог это сделать?

Большое спасибо - Эрик.

Ответы [ 2 ]

3 голосов
/ 28 июля 2011

Несмотря на то, что скриншот полезен, некоторый HTML-код будет еще лучше ... Однако только на скриншоте я бы предложил повысить b * z-index до 2 или 3. Это должно решить проблему.

Обновление: Мне удалось заставить его работать со следующими настройками: A: z-index:2, position:absolute или fixed, B: z-index:1, position:static, b: z-index:5, position:relative, absolute или fixed.

0 голосов
/ 28 июля 2011

Просто взглянул на исходный код, и это полный беспорядок. Похоже, что CSS и JavaScript на странице были автоматически сгенерированы Yahoo и используют их API, и CSS на самом деле напрямую реализуется JavaScript с помощью встроенного CSS в HTML, например: 

<canvas id="fillAreaA" style="z-index: {javascript variable}" width="300" height="500" />

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

РЕДАКТИРОВАТЬ: Я смотрю на это несколько месяцев спустя, и не могу поверить, насколько я был глуп. Теперь я знаю, что JS из библиотеки YUI. Я полагаюсь на решение Эндрю.

...