2016-07-06 63 views
0

我遇到了一些超鏈接問題,這些超鏈接現在已經錯過了幾天。在this site(Joomla & Virtuemart),我使用this template我有四個超鏈接在右上角(Καλάθι,Σύνδεση,Λογαριασμός&ΓνώμεςΠελατών)當我徘徊他們他們消失!懸停時超鏈接消失

我使用了您在this template上看到的菜單圖標菜單,您可以看到產品導覽&現在就獲取它能正常工作的超鏈接。通過查看CSS,我無法找到爲什麼我的超鏈接在我將它們懸停時獲取背景顏色。我的CSS的具體部分是:

/* =============== MENU - TOP MENU =============== */ 
ul.menu-topmenu { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 
ul.menu-topmenu li { 
    margin: 0; 
    padding: 0; 
    display: inline-block; 
    float: left; 
} 
ul.menu-topmenu li a { 
    padding: 14px 5px; 
    color: #999; 
    display: block; 
} 

ul.menu-topmenu li a span { 
    display: block; 
} 
ul.menu-topmenu a:active { 
    color: #fff !important; 

ul.menu-topmenu a:hover { 
    color: #ccc !important; 
} 

但它似乎並不工作,即使我用!重要的字。

任何人都可以看到這是怎麼發生的? 我感謝你提前

+0

檢查你的過渡效果,我認爲在'green.css'中如果檢查員是正確的。 –

回答

1

他們沒有消失,他們只是改變顏色。添加到您的CSS:

ul.menu-topmenu li a:hover, ul.menu-topmenu li a:active, ul.menu-topmenu li a:focus { 
    color: red; 
} 

機會都還不錯,你的模板有內置的顏色選擇,避免自定義樣式儘可能降低開發和維護工作。

另外,熟悉瀏覽器的文檔檢查器。這將使這類事情的故障排除變得簡單。

+0

你的作風只與!重要(我認爲)。 – Tauras

+0

非常感謝您的幫助。我試着把你的代碼放在我的css代碼下面,但這沒有幫助。還有其他建議嗎? – its4yougr

+0

@ its4yougr加!重要!顏色:紅色!重要; – Tauras