我无法获得背景图像以覆盖另一个div的边框.我们有一个带有各种侧边栏的侧栏面板,包括导航菜单.右侧是内容面板.我们希望侧边栏上选择的内容显示连接到内容面板:
在上面的示例中,个人信息< li>上有一个背景图像标签.我想将此图像向右延伸一个像素,以使所选值旁边的行不可见.
.submenu-item li span{ padding: 4px 0 4px 16px; min-height: 16px; border-bottom:0px; } .submenu-item li{ font-size:12px; border: none; padding: 0px 0 0px 16px; } .submenu-item span.Active{ background-image: url(../images/submenu-select.png); background-repeat: no-repeat; } #Content { margin-left:190px; border-left: 1px solid #b0b0b0; padding: 20px; background: #FFFFFF; min-height:600px; }
除了在边栏上放置右边框(并将其排除在列表项标签上)外,还有办法做到这一点吗?
解决方法
如果你有权利的边界,你就不能消除边界的那部分.
但是,你是幸运的.尝试使用margin-right:-1px;在你的CSS这将拖动
元素到正确的1像素,并希望超过边框.您可能还需要设置
position: relative; z-index: 100;
另外,因为它在右边的1像素,使它在左边与其他对齐,你可能需要使活动元素1像素更宽.