2011-07-23 37 views
0

我有翻轉頂層菜單。我試圖得到它,所以我的背景圖像(17px x 13px)出現在懸停在中心。我試過所有的背景CSS屬性,似乎沒有任何工作。我是否以這種錯誤的方式去做?CSS翻轉 - 背景圖像不會中心

這裏是我的CSS:

#navlist a:hover 
{ 
    color: #fff; 
    background-color: #b2b85c; 
    text-decoration: none; 
    background-image: url(Images/pointer.jpg); 
    background-position: center bottom; 
    background-attachment: fixed; 
} 

這裏是一個網頁的鏈接。

http://kerrydean.ca/Grey%20River/greyRiverTemplate2.html

回答

2

通過導航我想你指的是頂部菜單。

嘗試增加background-repeat: no-repeat;你的CSS規則#navlist a:hover

+0

THX。這有幫助!現在我只需要在中心顯示「指針」。對此有何想法? – Greg

+0

嗨「背景位置:50%底部;」可以工作,我從未在自己之前使用「中心」。 – Ryan

+0

其實,「中心」可能沒問題,問題在於你的「A」元素上的內聯樣式覆蓋了外部樣式表中的規則: HOME Ryan