Создавать фоновое изображение CSS, которое перекрывает границу?

Мне сложно получить фоновое изображение, чтобы наложить границу другого div. У нас есть панель боковой панели с различными боковыми панелями, включая меню навигации. Справа находится панель содержимого. Мы хотели бы, чтобы все, что было выбрано на боковой панели, отображалось на панели содержимого:

alt text

В приведенном выше примере есть фоновое изображение в теге Personal Info <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;
}

Есть ли способ сделать это, кроме как поставить правую границу на боковой панели (и исключая ее в теге элемента списка)?

Ответы

Ответ 1

Если у вас есть граница с этим правом, вы просто не можете устранить эту часть границы.

Однако вам повезло. Попробуйте использовать margin-right: -1px; в своем CSS. Это приведет к перетаскиванию

вправо 1 пиксель, и, надеюсь, над границей. Возможно, вам также потребуется установить

position: relative;
z-index: 100;

Кроме того, поскольку он переместится в правый 1 пиксель, чтобы он выравнивался слева с другими, вам может потребоваться увеличить размер активного элемента на 1 пиксель.

Ответ 2

Решение Alex должно работать, но другим способом сделать это было бы удаление атрибута atrtribute с атрибута border из поля слева и вместо него использовать серое изображение GIF или PNG шириной 1 пиксель в DIV, содержащем элементы подменю.

Вот так:

#SubMenu { background: url(grayline.gif) #CCCCCC top right; }

Это устранит необходимость беспокоиться о том, что выбранный элемент подменю не выровнен.