Почему border принимает значение цвета у блока ?

Есть два блока cont1 и cont2 с небольшим наложением

#cont1{
	margin: 205px auto 0 auto;
	width: 625px;
	height: 150px;
	.radius(41px);
	position: relative;
	background:rgba(175, 219, 55, .9);
	border: 15px solid rgba(255, 255, 255, .5); !!!
}
#cont2{
	margin: -41px auto 0 auto;
	width: 625px;
	height: 370px;
	background: rgba(84, 178, 209, .9);
	.radius(41px);
}


В идеале на втором блоке должен отобразиться бордер первого белым сквозь который проступает второй блок, но по факту получаем цвет прозрачного первого блока (зеленый).

DQqccahQgUrdeXouGGT6QDk2tXaWOFw6n43NKnKVРешение: Задача выполнена через box-shadow
box-shadow:0px 0px 0px 15px rgba(255, 255, 255, 0.5);
  • Вопрос задан
  • 2377 просмотров
Решения вопроса 2
friogenn
@friogenn
border рисуется внутри своего блока.
Чтобы было как "в идеале" можно вместо border использовать outline.
Ответ написан
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы