В моем заголовке есть 2 divs, которые перекрываются, а один делает невозможным щелкнуть еще один.Как сделать div с помощью другого div? (но перекрывающийся div должен быть по-прежнему доступен для клика)
Веб-сайт находится здесь: www.vocabularybuilder.co, поскольку вы можете видеть, что логотип не может быть нажат, поскольку он перекрывается навигационным div.
Как я могу сделать логотип доступным?
Вместо того, чтобы логотип Z-индекс будет положительным, сделать нав Z-индекс, чтобы быть п egative, как это (конечно использовать CSS после Вы уверены, что это работает: D):
<nav class="nav-bar animate" role="navigation" style="
z-index: -1;"><!--Your content-->
</nav>
Должен работать, так как я попробовал этот метод на вашем сайте ~
Некоторые дальнейшего чтения (В частности, посмотрите на ответ Келли Элтона, который неявно показывает, почему настройка логотипа на положительное значение не работает): What is default z-Index of <div> element in HTML, and how to get it using JavaScript?
Вы можете добавить правило по z-index CSS выше заголовка z-index
.site-header__logo-link {
z-index:2500;
}
я добавил 2500 becauuse я думаю, что она выше, чем заголовок г-индекса, если он все еще не работает, попробуйте увеличить число
ПРИМЕЧАНИЕ: Я не магия ... вы получите мне
не работал:/пытался даже с 250000 –
вопрос: почему это важно использовать css? Я понимаю, что это экономит место, но есть ли что-то более важное, что мне не хватает, если я просто напишу код в строке? :) –
См. [Link] (http://stackoverflow.com/questions/2612483/whats-so-bad-about-in-line-css). В вашем случае по-прежнему разумно использовать встроенный css, поскольку логотип появляется только один раз на вашем веб-сайте, и ваше намерение css ясно. Однако, если у вас есть несколько строк css, или ваш элемент должен использоваться в нескольких областях (возможно, вы хотите отформатировать свой тег h1 с красным классом, чтобы он был красным цветом), чем использование папки css упростит работу ! –
О, ладно, имеет смысл, спасибо еще раз! :) –