Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 29.10.2014, 02:08   #1
ddsad
Новичок
 
Регистрация: 29.10.2014
Сообщений: 1
Репутация: 10
По умолчанию Скрыть тень на стыке двух блоков.

Доброго времени суток.
Я новичок, учусь для себя по книжкам, в общем чайник.
Есть два разных блока, оба с тенью по всему диаметру (box-shadow: 1px 0px 10px #000000). Картинка прилагается.
Если убрать тени, блоки визуально сливаются в один, без швов, чего я и хочу добиться. Но, с добавлением теней, тень одного из блоков естественно накладывается на второй блок.
Вопрос, можно ли скрыть эту тень на стыке блоков, сохранив все остальные тени? Если просто сместить тень вниз на 10px (10 = радиус моего blur), шов пропадает, но сверху заметно отсутствие этих десяти пикселей по бокам, а снизу заметная лишняя полоса в 10 черных пикселей, то есть не вариант.
Изображения
 
ddsad вне форума   Ответить с цитированием
Старый 29.10.2014, 03:31   #2
grominfo
Участник клуба
 
Аватар для grominfo
 
Регистрация: 30.05.2011
Адрес: Астрахань
Сообщений: 650
Репутация: 147

icq: 1108493
skype: andreygrom83
По умолчанию

1 вариант. Попробуй блок, на который падает тень, поднять z-index'ом.
2. вариант. Создай блок с тенью и помести внутрь него эти два блока без теней
grominfo вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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 02:03


07:10.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.