0

MVC4 Webサイトにリンクとして画像を追加しましたが、画像にカーソルを合わせると、厄介な灰色のハイライトが表示されますが、それを削除する方法はありますか？

これが私のコードです：

<div class="float-left">
  <p>  
    <a href="@Url.Action('Index')">
      <img alt="HomePage" style="verticalalign:middle;" height="30px" src="~/Images/formvalue_logo.png"> 
    </a> 
  </p>
</div>

ここに画像の説明を入力してください

前もって感謝します。

4

2 に答える 2

3

試す -

.float-left img:hover, .float-left a:hover{
  background: none;
  background-color: transparent;
}
于 2012-10-10T07:55:42.210 に答える
0 
a img, a img:hover { background-image: none; background-color: transparent; }

あなたの問題を解決するかもしれません...そうでない場合は、試してください：

a:hover img, a img:hover { background-image: none; background-color: transparent; }

それでもうまくいかない場合は、背景が画像ではなく「a」タグにあるため、次のようにする必要があります。

a { background-image: none; background-color: transparent; }

ただし、これはページ上のすべてのリンクに影響するため、リンクにクラス (myClass など) を配置し、それを使用してスタイルを設定することをお勧めします。

a.myClass, a.myClass img, a.myClass img:hover { background-image: none; background-colour: transparent; }
于 2012-10-10T07:53:43.427 に答える