列表项中的剪辑图像

Question

我有列表项目，其中翻转图像超出了列表项的范围。如果没有剪裁图像，这可能吗？

列出项目翻转图：

结果：

当前的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;
}

Answer 1

我要尝试的第一件事 - 设置你的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 }

如果这不起作用，我也会在某处尝试“background：none”和/或“overflow：visible”