2013-08-02 2 views
2

Я использую backbone.js просмотров.Как показать div силой

У меня есть список расширяемых скелетов и внутри которых у меня есть таблица. В одном из столбцов есть dropdown div.

этот div частично скрывается за другим видом. enter image description here На картинке выше изображение dropdown скрыто за списком.

Так что я просто хочу спросить, как заставить div отображать, а не перекрываться. Я не хочу использовать фиксированное положение, так как оно фиксирует положение для всего положения.

Следует отметить: используя инструмент разработчика mozilla, в 3D-обзоре, который я нашел, вид div находится на верхнем уровне. enter image description here

мой HTML после загрузки в браузере:

<div class="dropdown open" > 
<ul class="dropdown-menu" role="menu"> 
    <li><div class="menuitem"><label class="checkbox"><input type="checkbox" value="res" style="opacity: 0.0; position: absolute; left: -9999px">Response</label></div></li> 
    <li><div class="menuitem"><label class="checkbox"><input type="checkbox" value="req" style="opacity: 0.0; position: absolute; left: -9999px">Request</label></div></li> 
    </ul> 
    </div> 

CSS над ниспадающего DIV:

.dropdown-menu { 
position: absolute; 
top: 100%; 
left: 0; 
z-index: 1000; 
display: none; 
float: left; 
min-width: 160px; 
padding: 5px 0; 
margin: 2px 0 0; 
list-style: none; 
background-color: white; 
border: 1px solid #ccc; 
border: 1px solid rgba(0, 0, 0, 0.2); 
-webkit-border-radius: 6px; 
-moz-border-radius: 6px; 
border-radius: 6px; 
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
-webkit-background-clip: padding-box; 
-moz-background-clip: padding; 
background-clip: padding-box; 
} 
+0

Пожалуйста, предоставьте свой HTML + CSS, который у вас есть. – AmazingDreams

+5

возможно переполнение: скрыто; но без ваших html и css я просто догадываюсь. –

+0

Трудно сказать, не увидев ваш html/css. Но поскольку Patsy issa сказал, что это может быть переполнение: скрыто. Или, может быть, неправильный zindex? – Konstig

ответ

0

Проблема была с г индекса родительского списка дел. z этого родительского списка div больше, чем индекс z dropdown div.

Так что я просто уменьшил индекс z dropdown div до меньшего, чем родительский список div. и проблема решена.

Можно сделать еще один вывод, что: взгляд разработчика Mozilla 3D не имеет отношения к индексу z. Он просто отображает вложенное трехмерное представление. Родительский div всегда будет отображаться за дочерним div в mozilla 3D view независимо от его индекса z. Пожалуйста, поправьте меня, если я где-то не прав.

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