列表项中的剪辑图像

时间:2010-10-14 02:25:30

标签: html css image html-lists

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

列出项目翻转图:

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;
}

1 个答案:

答案 0 :(得分: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 }

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