|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
24.12.2011, 22:45 | #1 |
Новичок
Джуниор
Регистрация: 24.12.2011
Сообщений: 1
|
Сбой увеличения изображения
Всем привет! Прощу о помощи! Проблема такая: создал фигуру которая состоит из маленьких картинок. Нужно чтобы при наведении курсора на маленькую картинку появлялась большая, не сдвигая остальные. Воплотил через css. Маленькая картинка, это ссылка на большую. Но вот в чем дело: наведение курсора не на всей площади маленькой картинки работает ссылкой. Это или левый верхний угол, или правый нижний.
Коды: CSS: <style type="text/css"> .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: 39px; left: 43px; z-index: auto; } .hoverbox li { display: inline; float: center; margin: 20px; padding: 20px; position: absolute; } </style> HTML: <div style="position: absolute; width: 43px; height: 39px; z-index: auto; left: 431px; top: 82px" id="layer74"> <ul class="hoverbox"> <li> <a href="#"> <img src="photo\img1.jpg" border="0" /> <img class="preview" src="photo\img2.jpg" border="0" /> </a> </li> </ul> </div> <div style="position: absolute; width: 43px; height: 39px; z-index: auto; left: 375px; top: 31px" id="layer76"> <ul class="hoverbox"> <li> <a href="#"> <img src="photo\img1.jpg" border="0" /> <img class="preview" src="photo\img2.jpg" border="0" /> </a> </li> </ul> </div> ПОМОГИТЕ!!! ПЛИЗ! |
25.12.2011, 17:55 | #2 |
Старожил
Регистрация: 19.04.2010
Сообщений: 2,702
|
Используйте z-index.
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
программа увеличения громкости системы | avanchik | Софт | 5 | 30.01.2012 04:10 |
Эффект увеличения изображения | dacorp | JavaScript, Ajax | 2 | 30.06.2011 15:00 |
Сбой обновления основного вайла, патч отменен. Сбой CRC основного файла. | Naruto63 | Помощь студентам | 2 | 21.10.2009 20:28 |
Принцип действия увеличения репутации | Neeter | О форуме и сайтах клуба | 3 | 14.05.2009 08:08 |
операции увеличения в с++ | JOFRIF | Помощь студентам | 8 | 26.04.2008 20:25 |