MrBubbleSquare
Neues Mitglied
Ich habe folgendes Problem, ich habe ein sogesagtes Dropdown das denn Schatten von seinem Parent übernehmen soll.
Was er leider nicht tut? Hat jemmand ne Lösung parat ?
HTML:
CSS:
JS:
Mit freundlichen Grüßen
MrBubbleSquare :)!
Was er leider nicht tut? Hat jemmand ne Lösung parat ?
HTML:
HTML:
<div id="mainbox">
<div id="subbox1"></div>
<div id="subbox2"></div>
</div>
Code:
#mainbox {
margin: 100px;
width:50px;
height:50px;
-moz-box-shadow: 0 0 6px 1px #000;
-webkit-box-shadow: 0 0 6px 1px #000;
box-shadow: 0 0 6px 1px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#000000');
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#subbox1 {
opacity:0.5;
width: 50px;
height: 50px;
background-color: #ff00cc;
position: relative;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#subbox2 {
opacity:0.5;
background-color: #cc00ff;
height: 75px;
width: 50px;
position: relative;
display: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
top: -20px;
}
Code:
jQuery("#mainbox").mouseenter(function(){
jQuery(this).children("div#subbox2").slideDown("fast");
}).mouseout(function () {
jQuery(this).children("div#subbox2").slideUp("fast");
});
Mit freundlichen Grüßen
MrBubbleSquare :)!