호버가 제대로 작동하지 않거나 전혀 작동하지 않습니다.

Question

내 웹 사이트에 마우스를 올려 놓으면 색상이 빨간색으로 바뀌므로 내 웹 사이트에 탐색 바가 있습니다 (당장 검정으로 설정되어 있습니다). 그러나 CSS는 탐색 바 위로 마우스를 가져 가면 아무 것도하지 않습니다.

HTML :

<div id="topNav"> 
     <ul class="nav"> 
<li class="home"><a href="<?php echo url('/'); ?>">Home</a></li> 
<li><a href="<?php echo url('/about'); ?>">About Us</a></li> 
<?php 
if(!Auth::LoggedIn()) 
{ 
    // Show these if they haven't logged in yet 
?> 
    <li class="home"><a href="<?php echo url('/registration'); ?>">Careers</a></li> 
<?php 
} 
else 
{ 
    // Show these items only if they are logged in 
?> 
    <li><a href="<?php echo url('/profile'); ?>">Pilot Center</a></li> 

<?php 
} 
?> 
<li class="home"><a href="<?php echo url('/ops'); ?>">Operations</a></li> 
<li class="home"><a href="<?php echo url('/forums'); ?>">Forums</a></li> 
<li class="home"><a href="<?php echo url('/contact'); ?>">Contact Us</a></li> 
<li><a href="<?php echo url('/acars') ?>">Live Map</a></li> 
<?php echo $MODULE_NAV_INC;?> 
<?php 
if(Auth::LoggedIn()) 
{ 
    if(PilotGroups::group_has_perm(Auth::$usergroups, ACCESS_ADMIN)) 
    { 
     echo '<li><a href="'.fileurl('/admin').'">Admin Center</a></li>'; 
    } 
?> 


<li><a href="<?php echo url('/logout'); ?>">Log Out</a></li> 
<?php 
} 
     </ul> 
    </div> 

CSS : 당신이 실제로 가져하도록 설정하는 CSS를 놓치고처럼

#topNav { font-size: 14px; padding-top: 10px; width: 970px; margin: auto; height: 50px; background-color: #000; } 

#topNav ul { margin: 0; padding: 0; list-style: none; margin: 0 auto; } 
#topNav ul:hover { margin: 0; padding: 0; list-style: none; margin: 0 auto; } 

#topNav ul li { height: 37px; float: left; padding: 0px; font: bold 12px/37px Arial, Helvetica, sans-serif; } 
#topNav ul li:hover { height: 37px; float: left; padding: 0px; font: bold 12px/37px Arial, Helvetica, sans-serif; } 

#topNav ul li a { padding: 0 18px; height: 37px; float: left; text-decoration: none; display: block; color: #ffffff; font: 14px/37px Arial, Helvetica, sans-serif; } 
#topNav ul li a:hover { padding: 0 18px; height: 37px; float: left; text-decoration: none; display: block; color: #ffffff; font: 14px/37px Arial, Helvetica, sans-serif; } 

.nav, .nav ul { list-style: none; margin: 0; padding: 0; } 

.nav { font-family: Arial, Helvetica, sans-serif; z-index: 1000; position: relative; } 
.nav li { float: left; margin: 0; padding: 0; position: relative; } 
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { font: bold 1.22em/25px Arial, Helvetica, sans-serif; color: #959595; display: block; padding: 0 9px; text-decoration: none; } 

.nav ul { list-style: none; margin: 0; width: 150px; position: absolute; top: -999em; left: -1px; } 
.nav ul li { border: 0; float: none; } 
.nav ul a { padding-right: 20px; width: 150px; white-space: nowrap; } 

Answer 1

것 같습니다. 당신은 렌더링으로 (오른쪽 페이지를 클릭하고 "소스보기"또는 유사한로 이동 귀하의 HTML을 게시하시기 바랍니다

#topNav:hover {background: red}