Я использую Bootstrap (с плоским UI) navbar
перед iframe
на сайте «stumbleupon-esk» Я строю. Я пытаюсь сделать navbar
фиксированной позицией, но когда я это делаю, выпадающее меню срабатывает, когда я наводил указатель на то, где появится выпадающее меню, но не по самому элементу link/list.Bootstrap navbar выпадающее меню триггера на не-зависании
Report
выпадающий была вызвана, когда я парил под ней, а не на нем.
Вот структура моего HTML (в Haml):
.navbar.navbar-inverse
.navbar-inner
.nav-collapse.collapse
%ul.nav.pull-left
%li.dropdown
%a(href="#")
%span Report
%b.caret
%ul
%li
%a#not-startup(href="#" rel="nofollow") Not Startup
%a#broken-page(href="#" rel="nofollow") Broken Page
%a#malicious(href="#" rel="nofollow") Malicious
%a#inappropriate-content(href="#" rel="nofollow") Inappropriate Content
%a#other(href="#" rel="nofollow") Other
%iframe{:src => ...}
И CSS:
iframe {
width: 100%;
height: 100%;
border: none;
}
.navbar {
margin-bottom: 0;
position: fixed;
width: 100%;
}
.navbar-inner {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
Как я могу это исправить?
EDIT:
Он отлично работает без фиксированного позиционирования.
Вы можете разместить javascript, который инициализирует меню? –
Я этого не писал. Javascript исходит из Bootstrap и применяется к моему HTML с классом выпадающего списка –
. Я бы предположил: https://github.com/twitter/bootstrap/blob/master/js/bootstrap-dropdown.js –