@jhony13

Доброго времени суток. Столкнулся с нестандартной проблемой, и ни как не могу её решить. Буду рад любому совету.
На сайте имеется работающее выпадающее меню. Сейчас при наведении курсора на пункты в выпадающем меню ничего не происходит, но теперь требуется сделать эффект вдавливания при наведении курсора. Использование только изображение "вдавливания" в св-ве background не получится, т.к. некоторые пункты меню содержать много слов и поэтому могут разбиваться на 2 и более строк.
Поэтому я и решил задать этот эффект с помощью свойства border. Но проблема заключается в том что это свойство увеличивает высоту пункта меню и как следствие все плашку выпадающего меню. При проведении курсором по меню получается эффект прыгающего меню.
Задать свойство border неактивным пунктам меню не получится, т.к. плашка выпадающего меню не одно тона, а имеет сложный градиент.
Заранее спасибо!

0

@Heleg

попробуй вместо border использовать outline

0

@jhony13

Спасибо! Не знал про это свойство.
Ещё нашел вариант, использовать transperent при задании границы у блока.

0

@vadimgrig

Такой эффект можно получить используя свойство text-sahdow: 1px 1px 1px #какой то цвет;
Но нужно отталкиватся от цвета фона. Попробуйте, свойство не действует в IE. Так что пробуйте, у меня получалось. Этот эффект действует только на текст.

Добавлено через 4 часа 42 минуты
Немного ошибся: text-shadow: ....;

0

@Mailo

Раз уж зашла тема про бордер, вот тут советую почитать, много интересного

0

@vadimgrig

Извиняюсь, не правильно понял задачу!

0