как сделать закругленные углы при наведении?

Question

Я делаю тему для WordPress.Моя панель навигации имеет закругленные углы, как на сайте Apple.Я хочу добавить к нему стиль наведения, но не могу заставить его зависать с закругленными углами, как это делает навигационная панель Apple.Я использую большое изображение для фона и использую систему меню WordPress 3.Итак, как я могу навести первый и последний элемент на панели?Спасибо за помощь.

Answer 1

С помощью javascript вы можете выбирать и изменять все, что хотите, но если вы просто хотите использовать css, вам придется применить :hover к родителю всех подэлементов кнопки, чтобы вы могли выбрать все подэлементыиспользуя css.Однако это исключает более старые версии IE, поскольку они не поддерживают :hover для элементов, отличных от a тегов.

Пример:

.button:hover {
  // 
}
.button:hover .main_section {
  // change to main section of button on hover
}
.button:hover .left_part {
  // change to left side on hover
}
.button:hover .right_part {
  // change to right side on hover
}

Answer 2

Вам понадобится другое фоновое изображение для стиля "зависания".