0

皆さんこんにちは :) それで、私はこのメニューを作成しています。リンクをクリックしたときに新しいサイトを作成するまで、すべてが完璧に機能します。その後、リンクがアクティブになり、リンクにカーソルを合わせると。ホバリングしたときに取得する背景色とテキスト色を取得することになっています。うまくいかないようです。

背景色は同じですが、テキストの色は変更されずに黒のままです。テキストをアクティブにしたときにテキストの色を変更すると、ホバリングしていなくてもテキストはその色のままになります。ホバリングしているときにのみ変更されるはずです。

CSSの私のメニューコード:

.link{
float:left; 
text-decoration:none; 
color:#000000;
font-size:19px;
background:opacity:0.4;
width:130px;
padding-bottom:8px;
padding-top:8px;
padding-right:25px;
text-align:left;
padding-left:8px;
border-bottom:1px solid black;
border-top:1px solid black;
color:black;
line-height:1.5;
overflow:hidden;
text-align:left;

-webkit-transition: all 1s ease;  
}

a:link:hover
{
background-color:black;
color:#18ffec;}

html の関連コード:

<div id="linki">

<p>

<a class="link" href="Index.html"> Hjem</a>
<a class="link" href="Guider.html"> Guider</a>
<a class="link" href="Om_oss.html"> Om oss</a>
<a class="link" href="Kontakt.html"> Kontakt oss</a>
<a class="link" href="Hjelp til"> Hjelp til </a>

</p>
</div>

どんな答えでも感謝します:)

4

3 に答える 3

2

クラスを間違って指定しています。「.」を使用してください。「:」の代わりに

a.link:ホバー

于 2012-10-19T10:04:34.720 に答える
1

私はあなたが意味すると思います

a.link:hover

それよりも

a:link:hover
于 2012-10-19T10:05:09.960 に答える
0

クラス名を使用する必要があります：

.link:hover
{
   background-color:black;
   color:#18ffec;
}

:link「通常の未訪問のリンク」であるため、訪問した場合、ホバーは機能しません。a.linkこの場合、クラス名だけを使用する必要はありません。

于 2012-10-19T10:06:11.913 に答える