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

platonische

  • Давно я тут
  • 523
  • 2 / 1
  • Парусные экспедиции vk.com/tc670
Есть такой CSS код:
Спойлер
[свернуть]
Когда внедряю данные элементы на страницу своего компонента то hover не отрабатывает правильно

Внедряю так:
Спойлер
[свернуть]

Когда делал просто в HTML файле все работало и подсвечивался фон, а сейчас происходит моргание непонятное. Что надо сделать чтоб работало как в чистом HTML файле?
*

platonische

  • Давно я тут
  • 523
  • 2 / 1
  • Парусные экспедиции vk.com/tc670
Re: Использование в оформлении HOVER
« Ответ #1 : 22.10.2015, 10:00:40 »
Мешает параметр z-index:-2
Без него работает хорошо, но без эффекта подложения элемента под низ.

почему все это работает в чистом HTML, а при внедрении в bootstrap (J!3) перестает работать?
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Использование в оформлении HOVER
« Ответ #2 : 22.10.2015, 10:26:04 »
Ссылка на сайт есть ?
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

platonische

  • Давно я тут
  • 523
  • 2 / 1
  • Парусные экспедиции vk.com/tc670
Re: Использование в оформлении HOVER
« Ответ #3 : 22.10.2015, 11:35:14 »
http://lhleb.ru/products/cake
вот тут код который с z-index:-2
А вот в чистом HTML
http://lhleb.ru/files/catalog/
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Использование в оформлении HOVER
« Ответ #4 : 22.10.2015, 13:17:46 »
http://lhleb.ru/products/cake
вот тут код который с z-index:-2
А вот в чистом HTML
http://lhleb.ru/files/catalog/
Зачем там javascript <div class="hzcatalog-item" onmouseover="over(this)" onmouseout="out(this)"> ?
Если выделаете скриптом то зачем пишите еще и hover в CSS ?
А вообще это можно сделать на CSS вообще без скриптов .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

platonische

  • Давно я тут
  • 523
  • 2 / 1
  • Парусные экспедиции vk.com/tc670
Re: Использование в оформлении HOVER
« Ответ #5 : 22.10.2015, 14:44:51 »
От того что там написано скрипты вопрос не исчезает.

Вопрос в том почему на странице HTML и на страницу j! внутри одного и тогоже элемента div class="n" элементы с параметром z-index:-2 ведут себя по разному.

Все js скрипты можно убрать и получить тоже самое. Не в этом дело.
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Использование в оформлении HOVER
« Ответ #6 : 22.10.2015, 15:07:06 »
http://lhleb.ru/products/cake
вот тут код который с z-index:-2
Посмотрел код, у вас там прям в коде куча стилей и скриптов

<div class="hzcatalog">
   
   <style>
   /* Основное поле */
div.hzcatalog { width: 100%; margin: auto; align: center;}
 
/* Основная единица элемента */
Может из за этого не работает, уберите все лишнее из кода .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

platonische

  • Давно я тут
  • 523
  • 2 / 1
  • Парусные экспедиции vk.com/tc670
Re: Использование в оформлении HOVER
« Ответ #7 : 22.10.2015, 16:16:10 »
Все абсолютно убирал оставлял только
<div class="hzcatalog">
<div class="hzcatalog-item">
<img...>
</div>

</div>

Говорю нашел причину и все работает если я убираю из стиля с hover z-index, но в этом решении меня не устраивает положение
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Использование JText в title страницы

Автор Mega-e

Ответов: 12
Просмотров: 1834
Последний ответ 11.10.2017, 16:28:11
от Mega-e
Использование шаблона Joomla 3 с bootstrap

Автор Marta

Ответов: 3
Просмотров: 874
Последний ответ 26.02.2016, 12:13:22
от Marta
Непонятки в оформлении

Автор verter

Ответов: 4
Просмотров: 606
Последний ответ 15.10.2015, 14:47:17
от verter
Как пользоваться таким добром? Есть куча hover эффектов. Как правильно их ставить?

Автор Dannik

Ответов: 4
Просмотров: 1770
Последний ответ 11.10.2015, 11:04:41
от midav
Использование CSS в первом шаблоне

Автор saladdd

Ответов: 17
Просмотров: 1031
Последний ответ 30.12.2014, 06:45:37
от Valerko_O