Довести Выбор Dropdown в авансовые всех DIVs

Question

Вот ссылка: http://is.gd/zzX2uH

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

Если я нацелен .join-form и удаляю overflow: hidden страница выдувается.

Можете ли вы помочь мне решить эту проблему?

Спасибо за внимание,

Answer 1

Проблема заключается в следующем CSS

media="screen" 
.join-form { 
position: relative; 
overflow: hidden; 
} 
index2.htmlmedia="screen" 
.join-form { 
position: relative; 
overflow: hidden; 
} 
index2.htmlmedia="screen" 
section { 
overflow: hidden; 
} 

удалить overflow: hidden во всех этих стилей. Увеличение z-index не имеет никакого эффекта на вашей странице, когда оно полностью скрыто.

Answer 2

.yourClassOrID { 
    z-index: 9999; 
} 

, который должен работать.

Если по какой-либо причине это не дает, положение абсолютного, относительного или фиксированного родителя вашего выпадающего списка.

Answer 3

Установите Z-индекс выпадающего меню на значение выше, чем у DIV

Answer 4

ваш .join-форма имеет overflow:hidden, поэтому он не отображается. настройка .join-form до overflow:visible действительно позволяет вам опуститься до отображения, но имеет побочные эффекты.