메가 드롭 다운 메뉴 백그라운드 호버 호

내 사이트에서 메뉴 막대를 만들기 위해 CSS3 메가 드롭 다운 메뉴를 사용하고 있습니다.메가 드롭 다운 메뉴 백그라운드 호버 호

.menu li#nodrop { 
    z-index:2; 
    float:left; 
    text-align:center; 
    position:relative; 
    padding: 4px 10px 4px 10px; 
    margin-right:30px; 
    margin-top:7px; 
    background:none; 
    border:none; 
}

몇 가지를 들면 다음과 같습니다 nodrop "홈"링크

<ul class="menu"><!-- BEGIN MENU --> 

    <li id="nodrop"><a href="http://www.eco-fireplaces.co.uk">Home</a></li> 

    <li><a href="" class="drop">Fireplaces</a><!-- Begin 1 column Item --> 

     <div class="dropdown_1column"><!-- Begin 1 column container --> 

      <div class="col_1 firstcolumn"> 

       <ul class="levels"> 

        <li><a href="#">FreelanceSwitch</a></li> 

        <li><a href="#" class="parent">Creattica</a> 
         <ul>

CSS : 나는 드롭 다운 메뉴 배경을 만들 수 페이지의 "홈"링크를 중지 nodrop의 li ID를 사용했다 이유는 "집"링크의 색상이 여전히 흰색으로 변경되어 페이지 배경에서 보이지 않게됩니다 (흰색이기 때문에). 나는 문제가 여기에 CSS 파일에있다 가정은 "벽난로"링크를

.menu li:hover a { 
    color:#ffffff; 
    text-shadow: none; 
}

위의 작품 미세하지만 어떻게 내가 내 "홈"링크 녹색을 어떻게해야합니까?

li ID #nodrop을 .menu li:hover a CSS에 넣어야합니까? 그렇다면 어떻게해야합니까?

어떤 도움이나 조언을 주시면 감사하겠습니다.

당신은 내 웹 페이지에서 사라지고 홈 링크의 예를 볼 수있는 내 사이트에

링크 (아래 링크 참조)>http://www.eco-fireplaces.co.uk/fireplaces.html

출처

2013-05-04 user2349542

예, 당신은 너무 사업부의 ID를 포함해야, as

li#nodrop:hover a 
{ 
color:green; 
text-shadow: none; 
}

위의 클래스를 CSS 파일에 설정하고 작동 여부를 확인하십시오. 속임수를 썼는지

감사 Prashant

출처

2013-05-04 11:40:38

감사 Prashant, 내가 뭔가를 혼동 한 .menu의 aswell를 추가 한 것 같다. 내가 지금 할 수있는 위대한 :) 감사합니다 다시. – user2349542

메가 드롭 다운 메뉴 백그라운드 호버 호

답변

관련 문제