Question

用css，jsp做了一个半透明背景层（遮罩层）,参考lol官网的菜单栏效果。请大神赐教

鼠标移动到菜单栏上下面显示二级菜单，二级菜单有个半透明背景层，目前的问题是：弹出来的文字不能显示在背景层上，反倒被背景层遮盖。有没有大神指教一下，应该如何编写css或者jsp页面才能实现像lol官网菜单栏那样的效果。或者有实际案例参考也行。图1是目前有问题的效果。图2是lol官网效果。图3是jsp代码，图4是css代码，图5是js代码。我写的代码比较随意，大神体谅...
图1 鼠标经过菜单栏 下面背景层跟二级菜单是一起出现的





Answer 1

CSS使用rgba可以使背景色透明文字不透明，你使用的透明会使背景和文字一起透明。