CSS:
#menu{
position: relative;
}
#menu > ul{
float: right;
padding-top: 20px;
}
#menu > ul li{
display: inline;
margin-right: 20px;
font-family: 'open_sanslight';
font-size: 20px;
}
#menu > ul > li > a, a:visited{
text-decoration: none;
color: #000;
-webkit-transition: .3s border ease;
-moz-transition: .3s border ease;
-ms-transition: .3s border ease;
-o-transition: .3s border ease;
}
#menu > ul > li > a:hover, a:active{
text-decoration: none;
color: #000;
border-bottom: 3px solid orange;
}
.po-menu{
min-width: 200px;
min-height:30px;
border-radius: 3px;
border: 1px solid #BBBBBB;
position: absolute;
top: 70px;
left: 830px;
opacity: 0;
background: #efefef;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
-ms-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
-o-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
}
li.kursy:hover ul.po-menu{
opacity: 1;
}
HTML:
[/code]
Chciałem, aby podmenu wyskoczyło po najechaniu na menu “Kursy”
