Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/18: Рейтинг темы: голосов - 18, средняя оценка - 4.83
3 / 3 / 1
Регистрация: 22.03.2011
Сообщений: 154

Div:hover не работает

26.10.2015, 11:25. Показов 3824. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброе утро.
HTML5
1
2
3
4
5
6
7
8
 <div class="leftblock480 block grayscale">
                <?$url='http://'.$_SERVER["SERVER_NAME"].'/'?>
                <div class="kross"></div>
                <div class="kross_logo"></div>
                <div class="kross_label"></div>
                <div class="span">БЕЗУПРЕЧНОЕ КАЧЕСТВО</div>
                <form><input  class="btn main_button" value="Подробнее..." onclick="location.href='<?=$url?>'" type="button"></form>
            </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
.block{
    background:#edefee;
    display: block;
    border-radius:5px;
    position:relative;
    -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray; / IE 6-9 /
}
div.block:hover>div {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none; 
}
.block>div.kross{
    position:absolute;
    height:230px;
    width:480px;
    background:url("images/kross_1.png") -100% 40% no-repeat #fff;
    border-radius:5px;
    
}
 
.block>div.kross_logo{
    position:absolute;
    height:31px;
    width:160px;
    top:20px;
    left:20px;
    background:url("images/logo_Kross.png") 100% 100% no-repeat;
    border-radius:5px;
    background-size:cover;    
}
.block>div.kross_label{
    position:absolute;
    height:18px;
    width:160px;
    top:56px;
    left:20px;
    background:url("images/kross_label.png") 100% 100% no-repeat;  
    background-size:cover;    
}
почему?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
26.10.2015, 11:25
Ответы с готовыми решениями:

div:hover в IE
Доброго всем времени суток! Очень нужно решение для IE? заставляющее его реагировать на div:hover Потому как он hover воспринимает...

Добавить Hover для div
div#home{ width:121px; height:76px; margin-left: 80px; border:1px solid green; ...

Появление кнопок при div : hover
Предположим, у меня есть див, весь объем которого занимает картинка. &lt;div class=&quot;obj&quot;&gt; &lt;img...

2
12 / 12 / 2
Регистрация: 13.04.2015
Сообщений: 94
26.10.2015, 14:12
kotik2, в каком браузере проверял? В Chrome работает
0
3 / 3 / 1
Регистрация: 22.03.2011
Сообщений: 154
26.10.2015, 21:48  [ТС]
тема решена, спасибо...
я перекрыла блок с hover другим блоком, поэтому не получалось.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
26.10.2015, 21:48
Помогаю со студенческими работами здесь

Как в css сделать hover на div
вообщем как сделать, чтобы при наведении на блок внизу появлялась полоска. Как на картинке

Не работает hover
Добрый день уважаемые форумчане! Помогите разобраться со следующей проблемой: надо чтобы при наведении курсора мышки светлел фон...

Не работает hover
&lt;section class=&quot;section section-vacancy&quot; data-anchor=&quot;vacancy&quot;&gt; &lt;div class=&quot;wrapper&quot;&gt; &lt;div...

Не работает hover
Проблема в том что hover и last-child не работают, самблайм их даже не подсвечивает. Помогите исправить )

Hover не работает
Навожу а стрелка(картинка) не появляется &lt;div class=&quot;eall&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;h3&gt;EXPLORE ALL&lt;/h3&gt;&lt;/a&gt;&lt;img src=&quot;img/arrow.png&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru