有没有办法用 Zurb Foundation 制作一个半透明的顶栏?
据我所知,我已经在我的_settings.scss
file:
$topbar-bg-color
$topbar-bg
$topbar-dropdown-bg
$topbar-dropdown-link-bg
$topbar-dropdown-label-bg
并尝试了所有数量的变化(rgba的alpha值从0-0.5),并且总是以完全透明的条或半透明的条结束,下拉菜单/按钮将其背景堆叠在顶部,因此显得更暗/更不透明。
有没有办法让顶部栏始终半透明?
我可以在样式表中看到.top-bar-section li a:not(.button)
总是得到背景颜色。我知道我可以在自己的样式表中手动覆盖它,但我觉得必须有一种方法来设置变量,以便这些按钮不会显得更暗?
屏幕截图右侧链接的背景由$topbar-dropdown-bg
多变的。你需要将其更改为none
or transparent
.
其他步骤是:
- 将背景颜色变量设置为
none
.
- Set the
$topbar-bg-color
为半透明值,例如rgba(#333,0.5)
.
这是一个demo http://jsfiddle.net/brettdewoody/VnH6e/。我试图评论我设置背景的所有变量none
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)