|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.10.2015, 02:19 | #1 |
Пользователь
Регистрация: 12.05.2013
Сообщений: 11
|
При наведении мышкой, меняется картинка
Здравствуйте Уважаемые Вебмастера.
Срочно нужна ваша помощь. В общем имеется вот такой код Код:
Так вот. При наведении мышкой на картинку, появляется другая. Все нормально. Но дело в том, что высота и ширина вот в этом блоке фиксированная. То есть в пикселях. Код:
Когда в этом блоке вместо width:400px я указываю width:32%. То картинка растягивается. Но только по ширине. Тогда я решил указать это и для высоты. Вместо height: 400px я прописал height: 100%. Но дело в том что, по высоте блок становится маленький. И вообще не растягивается. Ребята почему только ширина в процентах растягивается, а высота в процентах не хочет. Только в пикселях. Помогите пожалуйста сделать так чтобы высота тоже в процентах растягивалась. Последний раз редактировалось Stilet; 28.10.2015 в 07:36. |
29.10.2015, 21:58 | #2 |
Форумчанин
Регистрация: 19.01.2015
Сообщений: 158
|
Не совсем понятна задача
Можно вообще отказаться от использования <img>, примерно так
Код HTML:
<!DOCTYPE html> <html> <style> .fon { position:absolute; height:27%; width:25%; background-image:url("http://img1.liveinternet.ru/images/attach/c/1//48/902/48902126_mashina.jpg"); background-size:100% 100%; background-repeat:no-repeat; } .fon:hover {background-image:url("https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQQjffsjq5l8fRyVuIFe4RWOF3x9pl8dBZL0Gi4djXoIV8lLzoo");} </style> <body> <div class="fon"></div> </body> </html> |
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
При наведении курсора на кнопку меняется картинка | Kurd57 | Мультимедиа в Delphi | 4 | 14.02.2012 19:14 |
Звук при наведении мышкой на кнопку | Syltan | JavaScript, Ajax | 1 | 25.04.2010 07:36 |
Java скрипт, при наведении на карту она остается картой но картинка меняется | Dimazess | Помощь студентам | 6 | 14.03.2010 16:46 |
получить значение ID при наведении мышкой | badfilin | JavaScript, Ajax | 9 | 25.04.2009 19:35 |