有没有办法让半透明元素"取消"或掩饰其背后的元素?

时间:2016-01-05 02:04:11

标签: html css layout transparency navigationbar

我为自己的网站定制了CSS Menu Maker下拉列表:

enter image description here

但正如你所看到的那样," banner"通过下拉列表的背景显示。

如何制作,以便在下拉列表后面没有阴影?

当然,这取决于它是如何构建的,所以:

  • " banner"实际上是一个8px宽的透明PNG条带,背景为repeat-x。 (它有一个透明的渐变,使其后面的照片幻灯片在顶部平滑地消失。)

    enter image description here

  • 最重要的是CSS菜单制作工具下拉列表 - 只是无序列表,锚点和范围,样式为inline-block等。如果需要,我可以粘贴代码,但没有什么不寻常的。

起初我创建了另一个8px" strip"没有阴影,但我无法想象只在下拉列表所在的repeat-x中替换它的方法。

现在,我认为阴影本身应该是一个单独的PNG,但我仍然无法弄清楚我是如何让它变得不可见的(例如 {{ 1}})仅在下拉列表后面。

0 个答案:

没有答案