Hover не работает

@Богдан всепытный · Регистрация: 10.11.2017

Студворк — интернет-сервис помощи студентам

Навожу а стрелка(картинка) не появляется

HTML5
1
<div class="eall"><a href="#"><h3>EXPLORE ALL</h3></a><img src="img/arrow.png" alt=""></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
.eall a {
    text-decoration: none;
    float: left;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
 
.eall {
    width: 180px;
    float: left;
}
 
.eall img {
    float: left;
    padding-top: 5px;
    padding-left: 12px;
    opacity: 0;
}
 
.eall:hover + .eall img{
    opacity: 1;
}

@Freeze_Breeze · 27.12.2017, 00:21

Богдан Хакер, а что должно получится?

@Богдан всепытный · 27.12.2017, 00:24 **[ТС]**

Наводишь на .eall и убирается прозрачность c .eall img

@Богдан всепытный · 27.12.2017, 00:34 **[ТС]**

вот в paint

@Freeze_Breeze · 27.12.2017, 00:41

А дальше сам спозиционируешь стрелку свойствами top left right bottom как тебе нужно.

HTML5
1
2
3
4
5
6
    <div class="eall">
        <a href="#" class="foo">
            <h3>EXPLORE ALL</h3>
        </a>
        <img src="arrows.png" alt="arrows">
    </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
.eall a {
    text-decoration: none;
    float: left;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
 
.eall {
    width: 180px;
    float: left;
    position: relative;
}
 
.eall img {
    float: left;
    padding-top: 5px;
    padding-left: 12px;
    opacity: 0;
}
 
img[alt="arrows"] {
    position: absolute;
}
 
.eall:hover img {
    opacity: 1;
}

@Богдан всепытный · 27.12.2017, 00:43 **[ТС]**

заработало.

Новые блоги и статьи Все статьи Все блоги /
Вот уже год прошел, как у меня домен в reg.ru ... Etyuhibosecyu 16.04.2026 И ничего они мне не сделали. Если отвязать карту, никакие услуги они не навяжут. Я бы с радостью продлил еще на два года, чтобы не мучиться с временным доменом и меня уже знали по red-star-soft. com,. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача №1: при указании работ (справочник РаботыПоРемонтуСпецтехники),. . .

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	27.12.2017, 00:21
	Богдан Хакер, а что должно получится? 0

@Богдан всепытный 10 / 18 / 4 Регистрация: 10.11.2017 Сообщений: 283
	27.12.2017, 00:24 [ТС]
	Наводишь на .eall и убирается прозрачность c .eall img 0

@Богдан всепытный 10 / 18 / 4 Регистрация: 10.11.2017 Сообщений: 283
	27.12.2017, 00:34 [ТС]
	вот в paint Миниатюры 0

@Богдан всепытный 10 / 18 / 4 Регистрация: 10.11.2017 Сообщений: 283
	27.12.2017, 00:43 [ТС]
	заработало. 0

Hover не работает

Решение