CSS "see-through"背景 - 疯狂导航菜单问题

标签 css menu navigation background transparent

我有一个疯狂的导航菜单,我必须编写代码。这有点难。请在此处查看设计的屏幕截图:

nav menu

navigation menu screenshot

如您所见,“主页”菜单项的背景非常硬朗!我不知道如何使它的背景“透明”,这意味着它会穿透深色背景并显示带图案的绿色背景。

你知道如何使用 css 做到这一点吗?

提前致谢。

最佳答案

您可以使用:

background: transparent;
background: inherit;

但是,您需要构建您的 HTML,以便主页期刊 等。链接嵌入在带有背景的框中。


对于圆 Angular ,check this out .

或者您可以使用具有形状透明度的图像作为背景。


@Gary [comment]:inherit 获取它在层次结构中找到的第一个设置。因此,如果您有一个中间层,它会改用其设置。

然后您可能会尝试使用:

background-image: url('greencheckers'); /* outer */

background-color: black;                /* middle */

background-image: inherit;              /* link */

理论上,它应该寻找第一个 background-image 设置,然后。但是,我从来没有用过这个,所以不能保证。

关于CSS "see-through"背景 - 疯狂导航菜单问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/384220/

相关文章:

Javascript/CSS 幻灯片 : Using transparencies highlights flaws I don't know how to fix

seo - 下拉菜单和seo

ios - 更改 'More' 选项卡的导航栏色调颜色

navigation - 使用 Enter 键导航到 AG-Grid 中的下方单元格

html - 将字形重新添加回 bootstrap 4.0

javascript - 如何在页面加载时显示 div?

html - 我的 css block 看起来不适应不同大小的分辨率

jquery指定css框

c# - 带有填充的菜单项的悬停问题

java - 浏览屏幕 android 开发