CSS活動不工作

-1

我使用asp.net4.0並試圖通過使用CSS創建菜單欄，當我運行程序時，hove和點擊工作，但活動代碼不知道爲什麼這個正在發生的事情CSS活動不工作

CSS代碼

#main-nav{ 
     height:29px; 
     float:left; 
     background-image:url(images/nav-bg.gif); 
     background-repeat:repeat-x; 
     background-position:top left; 
     width:100%; 
    } 

    #main-nav ul, 
    #main-nav li{ 
     padding:0px; 
     margin:0px; 
     list-style-type:none; 
    } 

    #main-nav ul{ 
     height:29px; 
     line-height:29px; 
     background-image:url(images/nav-bar.gif); 
     background-position:right; 
     background-repeat:no-repeat; 
     float:left; 
     padding:0px 1px 0px 0px; 
     margin:0px 0px 0px 10px; 
    } 

    #main-nav li{ 
     height:29px; 
     line-height:29px; 
     display:inline; 
     position:relative; 
     float:left; 
     width:80px; 
     text-align:center; 
    } 

    #main-nav li a{ 
     height:29px; 
     width:80px; 
     text-align:center; 
     float:left; 
     background-image:url(images/nav-bar.gif); 
     background-position:left; 
     background-repeat:no-repeat; 
    } 



    #main-nav li a:link, 
    #main-nav li a:visited{ 
     color:#FFFFFF; 
     text-decoration:none; 
    } 

    #main-nav li active{ 
     background-image:url(images/active.gif); 
     background-repeat:no-repeat; 
     background-position:left; 
    } 
    #main-nav li a:hover{ 
     background-image:url(images/active.gif); 
     background-repeat:no-repeat; 
     background-position:left; 
    }

更新CSS文件

#main-nav{ 
    height:29px; 
    float:left; 
    background-image:url(images/nav-bg.gif); 
    background-repeat:repeat-x; 
    background-position:top left; 
    width:100%; 
} 

#main-nav ul, 
#main-nav li{ 
    padding:0px; 
    margin:0px; 
    list-style-type:none; 
} 

#main-nav ul{ 
    height:29px; 
    line-height:29px; 
    background-image:url(images/nav-bar.gif); 
    background-position:right; 
    background-repeat:no-repeat; 
    float:left; 
    padding:0px 1px 0px 0px; 
    margin:0px 0px 0px 10px; 
} 

#main-nav li{ 
    height:29px; 
    line-height:29px; 
    display:inline; 
    position:relative; 
    float:left; 
    width:80px; 
    text-align:center; 
} 

#main-nav li a{ 
    height:29px; 
    width:80px; 
    text-align:center; 
    float:left; 
    background-image:url(images/nav-bar.gif); 
    background-position:left; 
    background-repeat:no-repeat; 
} 



#main-nav li a:link, 
#main-nav li a:visited{ 
    color:#FFFFFF; 
    text-decoration:none; 
} 

#main-nav li a:active ,#main-nav li a:focus 
{ 
    color:Aqua; 
    background-image:url(images/active.gif); 
    background-repeat:no-repeat; 
    background-position:left; 

} 
#main-nav li a:hover{ 
    background-image:url(images/active.gif); 
    background-repeat:no-repeat; 
    background-position:left; 
}

來源

2013-02-21 user2082903

的選擇不看的權利，請嘗試「＃主導航李一：激活」 – 2013-02-21 12:28:26

我已經做到了我之前問這個問題，它仍然沒有工作 – user2082903 2013-02-21 12:38:24

沒有active標籤。將其更改爲：

#main-nav li a:active{ 
    background-image:url(images/active.gif); 
    background-repeat:no-repeat; 
    background-position:left; 
}

來源

2013-02-21 12:30:43

我已經試過這stilll doent work – user2082903 2013-02-21 12:35:47

你能演出一個小提琴和截圖嗎？懸停工作嗎？如果不這樣做，請將選擇器更改爲：'＃main-nav li a：active，＃main-nav li a：focus'。現在看看它是否有效。 – 2013-02-21 12:37:28

是的懸停確實工作正常 – user2082903 2013-02-21 12:39:03

CSS活動不工作

回答

相關問題