html – 创建覆盖边框的CSS背景图片？

我无法获得背景图像以覆盖另一个div的边框.我们有一个带有各种侧边栏的侧栏面板,包括导航菜单.右侧是内容面板.我们希望侧边栏上选择的内容显示连接到内容面板：

在上面的示例中,个人信息< li>上有一个背景图像标签.我想将此图像向右延伸一个像素,以使所选值旁边的行不可见.

这是我的CSS子菜单(选择)和内容区域在右边：

.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像素更宽.

原文地址：https://www.jb51.cc/html/230621.html