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。