2016-07-06 8 views
0

私はいくつかのハイパーリンクに問題があり、数日間バグしています。私が使用しているthis site(VirtuemartのJoomla &)には、右上に4つのハイパーリンクがあります(Καλάθι、Σύνδεση、Λογαριασμός&ΓνώμεςΠελατών)、私はそれらが消えるときに消えます!ホバーするとハイパーリンクが消えます

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 add!重要。色:赤!重要; – Tauras

関連する問題