Почему выпадающее "меню" не исчезает?

triplecorpse · March 22, 2012

Навожу курсор на синее поле, всё прекрасно, как и должно быть: элемент span - видимый. Отвожу от него, он исчезает. А почему, когда я отвожу курсор от синего поля к зелёному, то оно никуда не девается?

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Position absolute</title>
<style type="text/css">
body{
	position:relative;
}
#out{
	background:#ccf;
	margin:0 0 0 400px;
	font-size:2em;
	position:relative;
	padding:50px;
	/*border:10px dotted #369;*/
}
#out span{
	background:#cfc;
	position:absolute;
	height:200px;
	left:0;
	top:100%;
	display:none;
}
#out:hover span{
	display:block;
}
</style>
</head>
<body>
	<div id="out">Начало <span>вставка</span> и продолжение текста</div>
</body>
</html>

Switch74 · March 22, 2012

потому, что span дочерний элемент div и наводя на него подразумевается, что ты наводишь и на div, так же как и на body и не важно, что позицию span ты вывел за видимую границу div, по сути он все еще находится на слое div

Sign In

Почему выпадающее "меню" не исчезает?

Question

triplecorpse

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information