Ich habe zwei div Container, boxone und boxtwo und suche nun schon etwas länger nach einer Lösung nur mit css. Sie liegen übereinander. Nun möchte ich, das boxtwo durch hover über boxone sichtbar wird. Geht das überhaupt nur mit css? Hier mal mein Code, der logischerweise so nicht funktionieren kann.
HTML
<!DOCTYPE HTML>
<html>
<head>
<title>divuebereinander</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="Stylesheet" type="text/css" href="css/design.css"/>
</head>
<body>
<div class="boxone"></div>
<div class="boxtwo"></div>
</body>
</html>
css ausgelagert
.boxone {
width: 300px;
height: 300px;
background-color: brown;
position: absolute;
}
.boxtwo {
width: 300px;
height: 300px;
background-color: coral;
position: relative;
display: none;
}
.boxtwo:hover {
display: block;
}
Alles anzeigen