如何在悬停时制作圆角？

发布于 2024-10-20 10:18:15 字数 143 浏览 0 评论 0原文

我正在为 wordpress 制作一个主题。我的导航栏有圆角，就像苹果的网站一样。我想为其添加悬停样式，但我无法让它以圆角悬停，就像苹果的导航栏那样。我使用大图像作为背景并使用 WordPress 3 的菜单系统。那么，如何将第一个和最后一个项目悬停在栏上？谢谢你的帮助。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

倾听心声的旋律 2024-10-27 10:18:15

使用 javascript，您可以选择和更改您想要的任何内容，但如果您只想使用 css，则必须将 :hover 应用于所有按钮子元素的父元素，以便您可以选择所有使用 css 的子元素。但是，这不包括旧版本的 IE，因为它们不支持 a 标记之外的元素上的 :hover。

例子：

.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
}

With javascript you can select and change whatever you want but if you just want to use css, you´ll have to apply the :hover to the parent of all button sub-elements so that you can select all sub-elements using css. However, that excludes older versions of IE as they don´t support :hover on elements other than a tags.

Example:

.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
}

回复收藏 0 原文