By
Алеся
Подскажите, пожалуйста, что прописать в коде для изменения цвета шрифта меню при наведении на БЛОК (не на ссылку) с черного на белый при hover. На скрине цвет меняется при наведении на ссылку. И как можно меню отодвинуть влево? Заранее спасибо!
<div class="three navigation items">
<nav>
<ul>
<li>
<div class="navigation__item"></div>
<a href="#">Hot themes</a>
</li>
<li>
<div class="navigation__item"></div>
<a href="#">EURO-2016 Playoffs</a>
</li>
<li>
<div class="navigation__item"></div>
<a href="#">El'Classico</a>
</li>
</ul>
</nav>
</div>
.navigation {
background-color: rgba(31, 30, 30, 0.438);
width: 900px;
height: 30px;
}
.navigation li {
display: inline-block;
padding: 5px 15px;
&:hover {
content: "";
background-color: rgb(36, 36, 36);
cursor: pointer;
}
}
a {
color: black;
text-decoration: none;
font-family: sans-serif;
&:hover {
content: "";
color: white;
}
}
Question
Johnney
http://tellmeof.cc.ua/Map/map.html
1. Safari 7 (в более старых не проверял) не скругляет углы у iframe.
Вроде бы поддерживает border-radius и overflow:hidden, но тут почему-то не работает.
2. IE7 и IE8 не скругляют углы у iframe.
Благодаря pie.htc, скругляются углы у контейнера .s-circle1, но у самого iframe - нет. Overflow:hidden контейнера тоже не обрезает карту, как ожидалось.
3. IE7 и IE8 не отрабатывают ховер.
4. IE9+ как-то странно отрабатывают ховер.
Когда курсор переходит на саму карту, ховер-состояние перестаёт действовать. Хотя в нормальных браузерах действует.
Прошу помощи.
Link to comment
Share on other sites
11 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.