Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.11.2019, 18:36
Новичок на форуме
Отправить личное сообщение для Georgie Посмотреть профиль Найти все сообщения от Georgie
 
Регистрация: 13.11.2019
Сообщений: 7

Изменение положения блока для применения свойств при наведении
Здравствуйте.
Мне надо сделать так, чтобы при наведении на блок "two" opacity можно было применить к "one". Это возможно, если да, то как?
Code:
HTML:
<div id = 'one'>
<div id = 'two'>
<div id = 'three'>
<div id = 'four'>
CSS:
#one:hover ~ #two, #one:hover ~ #three, #one:hover ~ #four{
opacity: 0.2
}
#two:hover{
z-index: 9999;
}
#two:hover ~ #one{
opacity: 0.2
}

При наведении на блок 'one', всё работает, но на блок two - нет. Кто знает, как исправить?

Последний раз редактировалось Georgie, 13.11.2019 в 18:46.
Ответить с цитированием
  #2 (permalink)  
Старый 13.11.2019, 18:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,271

Сообщение от Georgie
чтобы изменить слой выше стоящего
нет такого в css
Ответить с цитированием
  #3 (permalink)  
Старый 13.11.2019, 18:45
Новичок на форуме
Отправить личное сообщение для Georgie Посмотреть профиль Найти все сообщения от Georgie
 
Регистрация: 13.11.2019
Сообщений: 7

Сообщение от рони Посмотреть сообщение
нет такого в css
Я не так выразился. Мне надо сделать так, чтобы при наведении на блок "two" opacity можно было применить к "one"
Ответить с цитированием
  #4 (permalink)  
Старый 13.11.2019, 18:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,271

Georgie,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    div{
        background-color: #FF00FF;
         height: 70px;
         width: 200px;
         margin: 5px;
    }
    fieldset:hover div{
        opacity: .2;
    }
    fieldset:hover div:hover{
        opacity: 1;
    }
    fieldset{
        width: 200px;
    }

  </style>

</head>

<body>
<fieldset>
<div id = 'one'></div>
<div id = 'two'></div>
<div id = 'three'></div>
<div id = 'four'></div>
</fieldset>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 13.11.2019, 19:02
Новичок на форуме
Отправить личное сообщение для Georgie Посмотреть профиль Найти все сообщения от Georgie
 
Регистрация: 13.11.2019
Сообщений: 7

Спасибо :3
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение размера фото при наведении Светлана24 Элементы интерфейса 1 19.03.2019 22:29
Правильно вызвать массив biryukovm Элементы интерфейса 3 19.03.2018 13:31
jQuery поменять CSS цвет для текста при наведении мышью (.text:hover) JooZ jQuery 16 15.11.2010 19:56
Смена картнок при наведении на ссылку (для новостей) vinnie Общие вопросы Javascript 30 03.06.2010 15:16
Динамическое изменение размеров блока при наведении мыши! Viktor ------- Общие вопросы Javascript 7 05.05.2009 19:13