【问题标题】:Shifting Menu Items移动菜单项
【发布时间】:2017-03-12 12:54:45
【问题描述】:

我目前正在通过 Wordpress 使用 Porto 主题,但我正在处理的菜单有问题。我添加了一些 CCS 以在每个菜单项悬停时添加边框。但是,当悬停时,每个菜单项都会正确显示边框,但会略微向上移动,并且还会移动其他菜单项。我是 Stack Overflow 的新手,所以我不确定如何从 wordpress 显示 HTML,所以我不确定如何在这里获得帮助。

谢谢,K.Zinger

【问题讨论】:

  • 您需要添加minimal reproducible example,以便其他人可以帮助您解决问题。如果您需要帮助将代码插入您的问题,read this。 TLDR - 将代码 sn-p 粘贴到您的答案中,选择代码块的文本,然后点击 {} 按钮。

标签: html css wordpress menu hover


【解决方案1】:

因为边框会修改布局,所以如果您只在悬停时添加边框,一切都会发生变化。

你有一些选择:

  1. 你总是可以有一个边框,但是当它没有被悬停时,让它成为transparent
  2. 如果边框是实心边框,您可以使用 box-shadow 代替边框 (box-shadow: 0 0 0 1px #FF0000)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-29
    • 1970-01-01
    • 1970-01-01
    • 2012-05-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多