Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 08.10.2011, 12:34   #1
AlienNation
Пользователь
 
Регистрация: 22.08.2010
Сообщений: 85
По умолчанию CSS! Увеличение картинки, Как сделать чтобы при увеличении сосед перекрывался?

смотрите, есть 2 картинки рядом:
HTML:
Код HTML:
<div>
   <img class="img img1" src="#">
   <img class="img img2" src="#">
</div>
CSS:

Код:
* {
  border-radius: 10px;    
}
div {
  position: absolute; left: 10%; top: 10%;
  width: 80%;
  height: 80%;  
  border: 1px solid #CCCCCC;
}

.img {
  position: relative;
  width: 30%;
  height: 30%;
  border: 2px solid black; 
}
.img1 {
 left: 10%; top: 10%;
}

.img:hover {
 width: 40%;
 height: 40%;
 left: 5%;
 top: 5%;
}

.img1:hover {
  left: 5%; top:5%;  
}
.img2  {
  top: 10%;  
  left: 10%;
}
.img2:hover {
  left: 5%; top:5%;   
}
при :hover они увеличиваются, но при этом соседняя сползает, а должна остатся на месте и увеличенная картинка должна ее просто перекрыть немного сбоку, фикс. позицию не имею возможности применить, все резиновое должно быть, будут какие-либо варианты или предложения что можно сделать?

p.s. смотрите +fiddle: test1
AlienNation вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать так чтобы при наведение мыши subbota HTML и CSS 3 03.03.2016 09:36
Как в css из картинки сделать ссылку? vlad2423 HTML и CSS 14 25.07.2015 01:32
Как сделать,чтобы программа работала при низком разрешение монитора? RomanDemidov Общие вопросы Delphi 5 13.12.2010 19:10
Как сделать, чтобы при переходе по ссылке включалась подсветка текста? Benderbej JavaScript, Ajax 2 03.09.2010 11:09
Увеличение картинки при наведении на нее курсор messi013 Общие вопросы Delphi 5 10.01.2010 17:22