【问题标题】:Center align nav item居中对齐导航项
【发布时间】:2014-07-24 15:06:22
【问题描述】:

更新:我已经能够针对进行我需要的更改所需的代码。但是,我现在需要弄清楚如何只使这个 div 的一部分透明。

例如,导航栏的宽度为 750 像素。我需要使前 75 个像素透明。我知道我需要使用此代码:

opacity: 0|initial|inherit;

但是,我如何只将该代码应用于 750 像素 div 内的一个部分 (75px)?这是我需要定位的 ID 和类。

#mega_main_menu.primary > .menu_holder > .mmm_fullwidth_container {
background-image: url('http://visualicreative.com/wp-content/uploads/2014/07/Nav-     Bar.png');
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;

网站:www.visualicreative.com

谢谢你,

视觉我

【问题讨论】:

  • 上不了你的网站,但是可以通过设置日志显示垂直对齐:inline-block;然后添加一个 line-height:;

标签: css wordpress uinavigationbar


【解决方案1】:

至于徽标,在菜单 div 中设置 margin-top 或在徽标中设置负 margin-top,无论哪种方式,您都没有发布完整的代码,因此很难提供更多帮助。

【讨论】:

    【解决方案2】:

    transparent 不是颜色,而是不透明度的值。您将需要改用 opacity 属性。此外,为了设置垂直对齐,您可以在将元素设置为display: table;display: table-cell; 后使用vertical-align 属性,或者您可以将徽标设置为display: inline-block;,然后设置line-height: X; where X 是容器的高度。

    【讨论】:

    • 感谢您的回复。不幸的是,我无法进行您建议的任何编辑。我尝试更改:背景颜色:不透明度;它说它是无效的。我需要以不同的方式输入吗?最后,我找不到您希望我定位的确切#ID,以便将显示类型更改为您提出的建议。你能帮我吗?对不起,我是一个非常新的程序员。
    • @Jeffrey9896 你误会了; opacity 是一个属性,而不是一个值。您可以输入opacity: 0.5; 以实现50% 的不透明度,或输入opacity: 1; 使其完全不透明。访问Mozilla Developer Network 以获取有关 HTML 和 CSS 的更深入资源。
    • 感谢您的快速响应。我明白你现在在说什么。不幸的是,当我在特定单元格中插入不透明度级别时,它仍然继承本机菜单栏:#mega_main_menu .nav_logo .logo_link img { 我是否需要将其插入到一般导航 ID 下?请访问此页面以获取参考:visualicreative.com/products/corporate/services
    • @Jeffrey9896 为了更具体地解决您的问题,我们将来需要更多代码(而不是链接到您的网站):-)
    • 明白。如果你能告诉我你需要什么代码,我一定会把它给你。不幸的是,我仍然无法弄清楚这个问题。一旦我这样做,它将是巨大的!感谢您帮助我度过难关。
    猜你喜欢
    • 2015-03-25
    • 2020-02-21
    • 2017-02-19
    • 1970-01-01
    • 1970-01-01
    • 2014-03-20
    • 1970-01-01
    • 2019-02-23
    • 1970-01-01
    相关资源
    最近更新 更多