html - Hovering images main menu -
this when hover title , can see there little white arrow, when go on subtitle image disappears.
#menu { float: left; height: 58px; width: 100%; margin-top: 30px; } #menu .menu_layer { float: left; height: 58px; width: 100%; filter: alpha(opacity = 50); -moz-opacity: 0.5; opacity: 0.5; border-top: #d8d6d2 1px solid; border-bottom: #f5f3f0 1px solid; background: #ffffff; z-index: 99; } #menu .menu_list { position: absolute; width: 100%; height: auto; z-index: 9999; } #menu .menu_list .egnav_menu_box { width: 940px; height: 60px; margin: 0 auto; } #menu .egnav_menu_box .egmenulevel_0 { float: left; position: relative; display: block; z-index: 99999; } #menu .egnav_menu_box .egmenulevel_0 { display: block; line-height: 60px; font-size: 14px; float: left; margin-left: 48px; font-family: "open_sanslight"; font-size: 16px; color: #666666; } #menu .egnav_menu_box .egmenulevel_0:first-child { margin-left: 0px; } #menu .egnav_menu_box .egmenulevel_0 a:hover { color: #4e2581; background: url("/resources/images/bg_menu_hover2.png") no-repeat center bottom; } #menu .egnav_menu_box .egselected.egmenulevel_0 { color: #4e2582; background: url("/resources/images/bg_menu_hover.png") no-repeat center bottom; } #menu .egnav_menu_box .egselected.egmenulevel_0 .egmenulevel_1 { color: #666666; background-image: none; } #menu .egnav_menu_box .egselected.egmenulevel_0 .egmenulevel_1 a:hover { color: #4e2581; } #menu .egnav_menu_box .egmenulevel_0 a.sub_menu_link:hover { color: #4e2581; }
Comments
Post a Comment