0

明日、学校のプロジェクトの Web サイトを配信する予定で、バグを調べているときに、使いやすさのレベルを上げるには、ヘッダーのアクティブなページの色を変更する必要があることがわかりました。

私は基本的なhtmlサイトでこれを行う方法をよく知っていますが、今はasp.NETマスターページを使用しています. masterpage.css 以外のスタイルシート

質問を簡単にするために:

リンクにカーソルを合わせると色が変わるようにしましたが、アクティブなページのリンクを別の色にして、ユーザーが常にどこにいるのかをユーザーに示したい(a:visitedではありません)。

これが私のコードです:

    <nav class="navMain">
            <ul>
                <li><a class="a_home" href="Default.aspx">Hjem</a></li>
                <li><a href="Kampanje.aspx">Om konkurransen</a></li>
                <li><a href="Default.aspx"><img id="navPic" src="Pictures/header/Munch150.png" alt="munch logo" /></a></li>
                <li><a href="Bildegalleri.aspx">Bidrag</a></li>
                <li><a href="Infoside.aspx">Om oss</a></li>
            </ul>
     </nav>

そしてCSS:

    .navMain {
position: relative;
bottom: 43px;
right: 80px;
height: 25px;
width: 1000px;
z-index: 100;

}

.navMain #navPic {
    position: relative;
    top: 93px;
    width: 120px;
    height: 125px;
}

.navMain a {
    text-decoration: none;
    color: black;
    font-size: 1.5em;
}
     .navMain a:hover {
        color: rgb(255, 255, 255);
    }



.navMain li {
    list-style: none;
    display: inline;
    padding-left: 5em;
}

.navMain ul {
    width: 1000px;
}

迅速な対応を望みます、ありがとう!

4

1 に答える 1

0

このようにCSSを使用してください

a:active { color: #666666; }
于 2013-05-07T09:18:54.827 に答える