Создать ответ 
Тень с помощью псевдоэлемента after и before
Автор Сообщение
ale10ey Не на форуме
Генерал-лейтенант
*

Сообщений: 352
У нас с: Nov 2014
Сообщение: #1
Тень с помощью псевдоэлемента after и before
Здравствуйте, сделал на сss, но хотел бы с вашей помощью довести до ума...

С помощью псевдоэлемена before и after, сделал для страницы тень и все работает, НО для страниц, например для проверки я задаю высоту страницы от 100 - 4000px все работает нормально, но свыше 5000px по бокам страницы появляются уголки, т.е. тень выходит за рамки страницы.
Страницы у меня "резиновые" и некоторые свыше 5000px по высоте, вот тут и наблюдается данная проблема.

Для наглядности скрины двух страниц (можете удалить).

[Изображение: tid_390_1.png]

[Изображение: tid_390_2.png]

и архив с тестовыми страницами :
.rar  Shadow.rar (Размер: 1.14 Кб / Загрузок: 1)

Для страниц, где height не превышает 5000px top:90% и таким значением не подходит для страниц, где height превышает 5000px, там к примеру значение для top должно быть 99%, чтобы не было видно выступающих уголков тени по краям страницы.
Не менять же для всех больших страниц значение top:99%, а для обычных 90%.

Надеюсь более или менее изъяснился, в архиве вы найдете примеры 2 страниц с разной высотой.
Сейчас ломаю голову, как сделать, чтобы для любых страниц по высоте тень отображалась одинаково ...Scratch

Заранее благодарен.
21.09.2016 09:20:37
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #2
RE: Тень с помощью псевдоэлемента after и before
Лечится легко.
Вместо top: 90%; ( или top: 99%; ) используйте height:50px;
21.09.2016 22:36:16
Найти все сообщения Цитировать это сообщение
ale10ey Не на форуме
Генерал-лейтенант
*

Сообщений: 352
У нас с: Nov 2014
Сообщение: #3
RE: Тень с помощью псевдоэлемента after и before
Спасибо Ok !!! Действительно - все элементарно ...Yes.
22.09.2016 07:13:11
Найти все сообщения Цитировать это сообщение
Создать ответ 


Переход:


Пользователи просматривают эту тему: 1 Гость(ей)


LiveInternet
© Copyright 2011-2024 by UsefulScript.ru