Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать тень при наведении для дива (https://javascript.ru/forum/dom-window/54253-kak-sdelat-ten-pri-navedenii-dlya-diva.html)

vasyakrn 10.03.2015 22:37

Как сделать тень при наведении для дива
 
Добрый день всем форумчанам! Не могу разобраться как сделать при наведении тень по контуру для дива http://prntscr.com/6f5xhl . Вот сайт _http://shop-script.temp089.pp.ua/pizza/ .Заранее спасибо

P.S. Если не сложно то посмотрите почему перестает плавать корзина ( http://prntscr.com/6f5zrs ) после нажатия на кнопку "Добавить в Корзину". Уже неделю не могу решить проблему. Три программиста не могли исправить.

krasovsky 11.03.2015 09:20

Цитата:

Сообщение от vasyakrn
Добрый день всем форумчанам! Не могу разобраться как сделать при наведении тень по контуру для дива

Возможно ты мог заметить что твой блок имеет "фигурный" бэкграунд, а тени html умеет рисовать только "квадратные". На таком блоке они будут выглядеть как говно африканского страуса.
Но если очень хочется вот тебе как сделать тень http://htmlbook.ru/css/box-shadow. Надеюсь что такое :hover объяснять не надо.

А по второму - смотри консоль у тебя там ошибка.

Царь Леонид 11.03.2015 09:41

Корзина не плавает, потому что после добавления товара к ней перестает применяться класс "fixed" к элементу с классом "default". Не хочется копаться в файлах и искать "логику", ответственную за данное поведение. Проще всего сделать простой обработчик на скролл страницы.
Чтобы тень не выглядела как "говно африканского страуса", делай блок поменьше, помещай его под блок, на который хочешь наложить тень, применяй box shadow к нему и будет тебе счастье.


Часовой пояс GMT +3, время: 23:23.