4

私はこのHTMLコードを持っています

<a href="test.html">
<div class=" menubox mcolor1">
<h3>go to test page</h3>
</div>
</a>

そしてこれがcssです

.menubox {
    height: 150px;
    width: 100%;
    font-size: 14px;
    color: #777;
    margin: 0 0 0 0;
    padding: 0; 
    -moz-border-radius: 10px;
    border-radius: 10px; 
    position: relative;}

.mcolor1 { background: #3A89BF url(../images/prod2.png) no-repeat center center; }

マウスでこの div をホバーすると、テキストにハイパーリンク行が表示されます。どうすれば非表示にできますか?

4

3 に答える 3

8

他の人が示唆しているように、リンクから下線を削除するのは簡単です。ただし、この特定のリンクだけをターゲットにする必要がある場合は、クラスを指定してみてください。例:

.no-underline:hover {
    text-decoration: none;
}
<a href="test.html" class="no-underline">
  <div class=" menubox mcolor1">
    <h3>go to test page</h3>
  </div>
</a>

于 2013-04-23T08:45:26.887 に答える