0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 1167 Просмотров
*

intedant

  • Захожу иногда
  • 96
  • 0 / 0
И снова здравствуйте, часто приходилось пользоваться Hover  псевдоклассом. Но на этот раз что то пошло не так.
есть 2 картинки
Код
<a class="nebo1 <?php echo $back1;?>jcepopup"href="/index.php?option=com_rsform&view=rsform&formId=5&Itemid=153" type="iframe" target="_blank" rel="width[800];height[650]">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/pravoe.png"></a>

<a class="nebo2 <?php echo $back1;?> jcepopup icon-top-right" href="/index.php?option=com_rsform&view=rsform&formId=4&Itemid=152" type="iframe" target="_blank" rel="width[320];height[350]">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/levoe.png"></a>
</div>

соответственно есть 2 класса
Код
.nebo1:hover {
background: url("1/pravoe_hov.png") no-repeat;
  height: 100px;
  width: 100px;

}

.nebo2:hover {
background: url("1/levoe_hov.png") no-repeat;
  height: 100px;
  width: 100px;

}

вроде как с кодом проблем нет и этот код вроде бы даже от части работает.
Но. облака эти "вырезано цензурой" ну не хотят никак заменяться при наведеннии.
я понимаю что скорее всего можно как то блочно подвинуть это дело.
Но абсолютно не понимаю как.
сайт http://gruzovip.by/
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Не понятно что вы хотите сделать. Картинки в коде прописаны, а в CSS вы фон меняете.
Пишите тогда уж ховер картинкам а не ссылкам .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

intedant

  • Захожу иногда
  • 96
  • 0 / 0
Не понятно что вы хотите сделать. Картинки в коде прописаны, а в CSS вы фон меняете.
Пишите тогда уж ховер картинкам а не ссылкам .
О как, скажите а конкретно картинки каким образом отсюда изъять?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Код: html4strict
<a …>О компании</a>


Код: css
.nebo1 {
background: url("images/pravoe.png") no-repeat;
display:inline-block;
font-size:0;
height: 100px;
width: 100px;
}

.nebo1:hover {
background: url("images/pravoe_hov.png") no-repeat;
}
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Вообще, так тоже не идеальный вариант. Нужно одно из двух:
а) собрать все картинки в один спрайт
б) если по-одной, то закодить в base64 и внедрять в CSS.
*

intedant

  • Захожу иногда
  • 96
  • 0 / 0
пасиб +в карму)
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
А где плюс-то? ^-^
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как при наведении изменить сразу два класса CSS?

Автор Kanfur

Ответов: 3
Просмотров: 1261
Последний ответ 03.11.2020, 16:53:43
от Nikolay89
Пауза при наведении на слайдер

Автор Stasweb

Ответов: 12
Просмотров: 1406
Последний ответ 11.12.2019, 10:34:00
от sivers
Выделение строки таблицы при наведении

Автор March Cat

Ответов: 6
Просмотров: 2123
Последний ответ 27.10.2018, 18:27:16
от effrit
Замена контента при наведении курсора

Автор zilonitiz

Ответов: 2
Просмотров: 1624
Последний ответ 05.08.2018, 12:00:00
от zilonitiz
Увиличение картинки при наведении

Автор vova630

Ответов: 0
Просмотров: 870
Последний ответ 25.03.2018, 02:45:33
от vova630