jmenu - 子菜单元素透明度

Question

我使用jmenu.js并设置子菜单元素具有透明度。问题是具有透明度的子元素显示父级（即主菜单栏）背景。我想要的是透明的儿童菜单显示到页面背景。 CSS的是：

.jMenu { 
    display: table; 
    margin: 0 0 0 50px; 
    padding: 0; 
} 

/* First level */ 
.jMenu li { 
    display: table-cell; 
    background: url('../images/tile_gray.png'); 
    margin: 0; 
} 

.jMenu li a { 
    padding: 10px; 
    padding-right:55px; 
    display: block; 
    background-color: transparent; 
    color: white; 
    text-transform: uppercase; 
    margin-top:2px; 
    cursor: pointer; 
    font-size: 14px; 
    font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif; 
    font-weight: bold; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5); 
} 


/* Lower levels */ 
.jMenu li ul { 
    display: none; 
    position: absolute; 
    z-index:9999; 
    padding: 0; 
    margin: 0; 
} 

.jMenu li ul li { 
    background-color: #fff; 
    display: block; 

    padding: 0; 
} 

.jMenu li ul li.arrow { 
    background: url('../images/tile_pink.png'); 
    padding: 0; 
    border-bottom: none; 
    padding-bottom: 5px; 
    margin-top: 10px; 
} 

.jMenu li ul li a { 

    font-size: 13px; 
    text-shadow: 0px 0px 0px rgba(0,0,0,0); 
    text-transform: none; 
    padding: 7px; 
    display: block; 
    border-top: 1px solid transparent; 

     text-decoration: none; 
} 

.tran { 
    background: rgba(120, 120, 120, .2); 
} 

.jMenu li ul li a.isParent { 
    background: url('../images/tile_darker.png'); 
} 

.jMenu li ul li a:hover { 
    background: url('../images/tile_green.png'); 

} 

修订

我改变了CSS有背景透明不是锚，但是，从李：

.jMenu li ul li { 
    background-color: #fff; 
    display: block; 
    background: rgba(0, 0, 0, .4); 
    padding: 0; 
} 

Answer 1

它看起来像你有一个背景图像全部为.jMenu li。即使你认为你只是将这个背景（'.../images/tile_gray.png'）应用于第一级，它就会泄漏到内部<li>的

尝试将background-image: none;添加到您的孩子li ：

.jMenu li ul li { 
    background-color: #fff; 
    background-image: none; 
    display: block;  
    padding: 0; 
} 

这可能会实现，但它是很难说究竟是怎么回事，没有看到它的行动，并没有你的HTML。