皆さんこんにちは :) それで、私はこのメニューを作成しています。リンクをクリックしたときに新しいサイトを作成するまで、すべてが完璧に機能します。その後、リンクがアクティブになり、リンクにカーソルを合わせると。ホバリングしたときに取得する背景色とテキスト色を取得することになっています。うまくいかないようです。
背景色は同じですが、テキストの色は変更されずに黒のままです。テキストをアクティブにしたときにテキストの色を変更すると、ホバリングしていなくてもテキストはその色のままになります。ホバリングしているときにのみ変更されるはずです。
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>
どんな答えでも感謝します:)