Увеличение при наведении курсора

B
На сайте с 02.10.2013
Offline
37
734

Сделал увеличение при наведении курсора на сайте http://uapay.eu/index.php?lang=ru , но не знаю, как сделать, чтобы увеличенный div накладывался поверх других, а не прятался по краям. Подскажите, пожалуйста.

WoWeb
На сайте с 18.08.2015
Offline
5
#1
blacksn:
Сделал увеличение при наведении курсора на сайте http://uapay.eu/index.php?lang=ru , но не знаю, как сделать, чтобы увеличенный div накладывался поверх других, а не прятался по краям. Подскажите, пожалуйста.

Что бы было поверх нужна position:absolute;

К тому же попробуйте прописывать scale не для класа oper а для класа region

Создание SEO оптимизированных сайтов | Продвижение сайтов (http://woweb.com.ua/)
B
На сайте с 02.10.2013
Offline
37
#2

Спасибо, получилось. Подскажите, пожалуйста, как убрать серую полоску, которая появляется при наведении курсора на верхнее меню?

WoWeb
На сайте с 18.08.2015
Offline
5
#3
blacksn:
Спасибо, получилось. Подскажите, пожалуйста, как убрать серую полоску, которая появляется при наведении курсора на верхнее меню?

скрипт меню: <script type="text/javascript" src="http://uapay.eu/js/menu.js"></script> этот при наведении добавляет фон. Если он не нужен - можете вовсе скрипт отключить или

Скрыть:

В div#menu добавить background-size: contain;

В div#menu li a.home, div#menu li a.home span заменить height: 34px; line-height: 34px;

В div#menu li a заменить line-height: 34px;

И в скрипте /js/menu.js найти строчку: .animate({"marginTop":"-30px"} заменить на .animate({"marginTop":"-33px"}

B
На сайте с 02.10.2013
Offline
37
#4

Не помогло.

Полоса появилась когда я заменил

div#menu li a {display:block;float:left;

на

div#menu li a {display:inline-block;

чтоб справа разместить выбор языка

WoWeb
На сайте с 18.08.2015
Offline
5
#5
blacksn:
Не помогло.

Полоса появилась когда я заменил

div#menu li a {display:block;float:left;

на

div#menu li a {display:inline-block;

чтоб справа разместить выбор языка

Вы не добавили как я писал в 51 строчке style.css div#menu background-size: contain; да и все остальное по старому. Нужнов се по порядку делать.

B
На сайте с 02.10.2013
Offline
37
#6

Это я уже вернул все обратно. Оно не полностью синее при наведении:

png 12.png
grayCat777
На сайте с 02.09.2015
Offline
5
#7

blacksn, для div#menu li span.bg стр. 123 установите height: 40px;, у вас сейчас height: 30px;

HTML-верстка по доступной цене (/ru/forum/923505)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий