2010-10-14 61 views
0

我已經獲得了滾動圖像超過列表項邊界的列表項。這可能沒有圖像被裁剪?列表項中的剪輯圖像

列表項翻轉圖形:

li graphic

結果:

clipped items

當前CSS:

ul.nav a, ul.nav a:visited { 
    padding: 5px 5px 5px 15px; 
    display: block; 
    clip:none; 
} 
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
    color: #FFF; 
    background:url(../images/menu_graphic_bubble.png) no-repeat scroll; 
} 

回答

0

第一件事,我想嘗試 - 設置你的Z-指標:

ul.nav a, ul.nav a:visited { blah blah; z-index:0 } 

ul.nav a:hover, ul.nav a:active, ul.nav a: focus { blah blah; z-index:1 } 

如果不工作,我也想嘗試「背景:無」的地方,和/或「溢出:可見」

+0

此外,您可以設置更高的z-index:hover以確保它在正確的時間彈出。 – Ben 2010-10-14 03:03:13