Hallo,
ich habe folgendes Problem:
Ich habe eine (Test) Seite auf welcher ein Div (.content) mittels CSS3 beim MouseOver von (.link) eingeblendet wird.
CODE
<!DOCTYPE HTML>
<html lang="de">
<head>
<meta charset="utf-8">
<title>CSS Test</title>
<style>
.content {
width: 100%;
height: 0px;
background: #E2851D;
top: 70px;
-webkit-transition: width 2s;
transition: width 2s;
transition-duration: 0.9s;
transition-property: all;
transition-timing-function: ease-in-out;
}
.link:hover +.content {
height: 250px;
}
</style>
</head>
<body>
<div class="link">Link</div>
<div class="content">Inhalt</div>
</body>
</html>
Das funktioniert auch soweit, NUR, sobald ich um das Div (.link) ein weiteres Div herum setze, funktioniert es nicht mehr?!
CODE
<div class="blubber">
<div class="link">Link</div>
</div>
Kann jemand Abhilfe schaffen?
ich habe folgendes Problem:
Ich habe eine (Test) Seite auf welcher ein Div (.content) mittels CSS3 beim MouseOver von (.link) eingeblendet wird.
CODE
<!DOCTYPE HTML>
<html lang="de">
<head>
<meta charset="utf-8">
<title>CSS Test</title>
<style>
.content {
width: 100%;
height: 0px;
background: #E2851D;
top: 70px;
-webkit-transition: width 2s;
transition: width 2s;
transition-duration: 0.9s;
transition-property: all;
transition-timing-function: ease-in-out;
}
.link:hover +.content {
height: 250px;
}
</style>
</head>
<body>
<div class="link">Link</div>
<div class="content">Inhalt</div>
</body>
</html>
Das funktioniert auch soweit, NUR, sobald ich um das Div (.link) ein weiteres Div herum setze, funktioniert es nicht mehr?!
CODE
<div class="blubber">
<div class="link">Link</div>
</div>
Kann jemand Abhilfe schaffen?