Что это за граница кровоточит

Question

JsFiddle Link

У меня есть два div, перекрывающихся с границами на обоих.Когда я устанавливаю z-index на одно большее, чем другое, не должен ли граница также блокироваться более высоким div z-index?

Могу ли я что-нибудь сделать для этого?

Answer 1

Установить явное background-color

#b {
    left: 15px;
    top: 15px;
    border: 1px solid blue;
    z-index: 2;
    background-color: white;
}

Answer 2

Вам нужно установить цвет фона на что-то:

#b { background-color: #fff }

Обновленная скрипка

Answer 3

У меня была такая же проблема со строками таблицы в среде сортировки путем перетаскивания.Установите фон для определенного цвета (style = "background-color: White"), и он покроет его.Если вы не установите цвет, он не предполагает фон и просто рисует то, что за ним (когда он не перекрывается, это ничего, поэтому он выглядит как сплошной фон, когда на самом деле он пустой).

Answer 4

Они в настоящее время прозрачны.Добавьте цвет фона.

#b {
    left: 15px;
    top: 15px;
    border: 1px solid blue;
    z-index: 2;
    background-color:#ffffff <---- here
}