Как выбрать дочерний элемент, который является соседом: hover - PullRequest
Новая
       16

Как выбрать дочерний элемент, который является соседом: hover

0 голосов
/ 30 декабря 2018

Здравствуйте, я хочу отобразить окно с рамкой после наведения на кнопку 

ul li div, ul li div iframe {
	background-color: rgba(237, 239, 242,0.9);
	margin-top: 50px;
	opacity: 0;
}

.prayer-time:hover ~ div, div #prayerTime  { opacity: 1 }
<ul class="upperUl">
					<li> <a class="prayer-time" href="https://www.albayan.ae/prayer-time" target="_blank"> <b> Prayer Time   </b> </a>
						<div>
							<iframe id="#prayerTime" src="https://www.albayan.ae/prayer-time" width="400" height="400" name="Prayer time">
							</iframe>	
						</div>
					</li>

Может кто-нибудь сказать мне, что не так со вторым выбором css для (Oppacit: 1) ??

1 Ответ

0 голосов
/ 30 декабря 2018

Установить стиль для переноса div из iframe вместо iframe

ul li div, ul li .hide {
	background-color: rgba(237, 239, 242,0.9);
	margin-top: 50px;
	opacity: 0;
}

.prayer-time:hover ~ .hide  { opacity: 1 }
<ul class="upperUl">
	<li> <a class="prayer-time" href="https://www.albayan.ae/prayer-time" target="_blank"> <b> Prayer Time   </b> </a>
	<div class="hide">
	<iframe id="#prayerTime" src="https://www.albayan.ae/prayer-time" width="400" height="400" name="Prayer time">
	</iframe>	
</div>
</li>
...