Программисты Html
Anonymous
Изображения, блокирующие кнопки навигации
Сообщение
Anonymous » 26 ноя 2025, 21:59
Изображение блокирует доступ к ссылкам. Мне нужна небольшая помощь, чтобы заставить работать навигацию. есть ли способ заставить изображение оставаться перед панелью навигации, не блокируя кнопки???
Код: Выделить всё
body{
margin: 10px;
}
.nav {
overflow: hidden;
background-color: black;
position: absolute;
width: 250px;
top: 10px;
display: flex;
flex-direction: row-reverse;
left: 10px;
z-index: 0;
}
.nav a {
color: white;
text-align: center;
padding: 10px 16px;
text-decoration: none;
}
.nav a:hover {
background-color: pink;
color: black;
}
img.cat {
width: 200px;
position: relative;
z-index: 1;
}
Код: Выделить всё
[url=#]Link[/url]
[url=#]Link[/url]
[url=#]Link[/url]
[img]https://i.ibb.co/8DbNgqD2/cat-png-17.png[/img]
Подробнее здесь:
https://stackoverflow.com/questions/797 ... on-buttons
1764183591
Anonymous
Изображение блокирует доступ к ссылкам. Мне нужна небольшая помощь, чтобы заставить работать навигацию. есть ли способ заставить изображение оставаться перед панелью навигации, не блокируя кнопки??? [code]body{ margin: 10px; } .nav { overflow: hidden; background-color: black; position: absolute; width: 250px; top: 10px; display: flex; flex-direction: row-reverse; left: 10px; z-index: 0; } .nav a { color: white; text-align: center; padding: 10px 16px; text-decoration: none; } .nav a:hover { background-color: pink; color: black; } img.cat { width: 200px; position: relative; z-index: 1; }[/code] [code] [url=#]Link[/url] [url=#]Link[/url] [url=#]Link[/url] [img]https://i.ibb.co/8DbNgqD2/cat-png-17.png[/img] [/code] Подробнее здесь: [url]https://stackoverflow.com/questions/79731522/images-blocking-the-navigation-buttons[/url]