Правильный способ позиционирования отдельных divs друг на друга?

Я пытаюсь преобразовать это:Правильный способ позиционирования отдельных divs друг на друга?

в этом:

enter image description here

(главная задача на этот вопрос является позиционирование дивы)

До сих пор я имеют отдельные элементы и сталкиваются с некоторыми проблемами:

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

Как сложить два отдельных div?

источник

2012-06-07 James

, вы хотите, чтобы мы помогли вам превратить ваши усилия в скриншоте вы просто показали. – freebird

минимум, о котором я спрашиваю, как получить это поле формы и «войти» над серым ящиком надежным/масштабируемым способом. что-то еще глазурь на торте. – James

Почему вы не помещаете свой ввод в сером поле, а не делаете то, что сделали. – freebird

увидеть это обновленный jsfiddle, я буду редактировать свой ответ поставить код позже

источник

2012-06-07 10:19:53

. Я закончил тем, что использовал вложенные divs, как вы, ребята, рекомендованные в начале из-за удобства, но я ценю этот ответ, чтобы придерживаться первоначальной цели, даже если это не было самый полный. спасибо – James

Вы должны придерживаться вашего HTML или вы можете изменить его?

Вы должны определить. убедитесь, что по крайней мере используете правильный HTML (см. тег span, который никогда не закрывается).

Я не уверен, если это то, что вы пытаетесь достичь, но это, кажется, гораздо более простой способ, чтобы получить результат, который выглядит, как ваша картина:

http://jsfiddle.net/jqUg3/6/

Edit: Также добавлен пример, который стилизован +/-, как ваша картина:

http://jsfiddle.net/jqUg3/8/

источник

2012-06-07 11:57:40 Andrej

спасибо, вложенный подход - это то, что я использовал, но ответ khaled_webdev застрял в исходной точке, которая позиционировала два независимых, не вложенных div. – James

Правильный способ позиционирования отдельных divs друг на друга?

ответ

Смежные вопросы