|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
29.10.2014, 01:08 | #1 |
Новичок
Джуниор
Регистрация: 29.10.2014
Сообщений: 1
|
Скрыть тень на стыке двух блоков.
Доброго времени суток.
Я новичок, учусь для себя по книжкам, в общем чайник. Есть два разных блока, оба с тенью по всему диаметру (box-shadow: 1px 0px 10px #000000). Картинка прилагается. Если убрать тени, блоки визуально сливаются в один, без швов, чего я и хочу добиться. Но, с добавлением теней, тень одного из блоков естественно накладывается на второй блок. Вопрос, можно ли скрыть эту тень на стыке блоков, сохранив все остальные тени? Если просто сместить тень вниз на 10px (10 = радиус моего blur), шов пропадает, но сверху заметно отсутствие этих десяти пикселей по бокам, а снизу заметная лишняя полоса в 10 черных пикселей, то есть не вариант. |
29.10.2014, 02:31 | #2 |
Форумчанин
Регистрация: 30.05.2011
Сообщений: 651
|
1 вариант. Попробуй блок, на который падает тень, поднять z-index'ом.
2. вариант. Создай блок с тенью и помести внутрь него эти два блока без теней
Создание, программирование и сопровождение сайтов любой сложности.
Изготовление программ на заказ. Список услуг и портфолио на сайте www.andreygrom.ru |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
C# тень от текста в TextBox | Cpluser | C# (си шарп) | 1 | 16.09.2013 22:46 |
Тень вокруг panel | ViniPux1112 | Мультимедиа в Delphi | 2 | 27.11.2012 22:37 |
ie+тень+border-radius | Catsys | HTML и CSS | 0 | 15.07.2012 22:17 |
Скрыть сразу несколько блоков (javascript) | anjoy74 | JavaScript, Ajax | 1 | 12.06.2012 16:07 |
Тень клоуна | Роман Радер | Свободное общение | 0 | 24.11.2008 01:03 |