CSSホバーそれは

を含めていないにもかかわらず、これが私のhtmlですCSSホバーそれは

<div class="homeimage"> 
    <%= link_to image_tag("resizelogo_2.png", alt: "XYZ logo") %> 
</div>

これは、対応するCSS

div.homeimage { 
    margin-left: 85px; 
}

Thisは、それがどのように見えるかです。 Thisは、画像の上にカーソルを置いたような感じです。私はそれがホバリングになると何らかのデフォルト設定がなければならないと思いますか？私はクラス内で.nohoverを使うことができることを知っていますが、明示的にクラスの中にホバーを含めた場合にのみ必要です。どのように私はホバーを取り除くことができますか？

アップデート：HTMLで

<a href="https://MYc9USER.c9users.io/"> 
<img alt="XYZ logo" src="/assets/resizelogo_2-796d8a59a387f11e56e2d1edcc4d8443aaa4fead3f224b73e1d8a65e58281b06.png"></a>

出典

2017-03-20 Krawalla

inspect要素を使用して、動作を変更しているクラスを確認し、ここにコードを投稿します。 –

@ElieNassifは元の投稿にそれを含めました。だから明らかにhrefは私が推測しているところですか？私はhrefがホバリングする必要があることを意味する - ちょうどこの場合ではない... – Krawalla

アンカーを取り除くときにもこの動作が起こりますか？ –

は、画像の周りにアンカーラップを作成するのlink_toを削除します。

出典

2017-03-20 12:11:29

ものはホバー状態を持つことができます。まず、取り除く効果を引き起こしているものを見つけなければなりません。

これは、開発ツールを使用して行うことができます。あなたは、CSSを使用して、それを上書きすることができますホバーを引き起こしているものを見つけたら

：

.classname:hover { 
color: pink; 
}

出典

2017-03-20 12:09:41

答えて

関連する問題