2

私はこのメニュースキーマを持っています：

<nav>
    <ul>
        <li><a href="index.asp">home</a></li>
        <li><a href="colecao.asp">coleção</a></li>
        <li><a href="tecnologia.asp">downloads</a></li>
        <li><a href="contato.asp">contato</a></li>
    </ul>
</nav>

私のLIはfloat:leftそうです、itensは並んでいます。a:hover背景のLIにカーソルを合わせると、色が変わります。

このフィドルを参照してください：http：//jsfiddle.net/56wUm/

liにカーソルを合わせると、リンクが機能せずa、色が変更されません。

助けを求めて！

4

4 に答える 4

2

それでもヘルプが必要な場合は、liではなくcssの要素にパディングを追加することをお勧めします。たとえば、次のようなものです：http: //jsfiddle.net/MGRBS/2/

そうすれば、リンクがブロックスペース全体を占めるようになります。頑張ってください。：D

于 2012-04-11T03:44:23.250 に答える
1

これを行うには、CSSスプライトを使用することをお勧めします。これらのリンクを参照してください

ビデオリンク

http://css-tricks.com/css-sprites/

于 2012-04-11T00:36:25.293 に答える
0

何が起こっているかを正確に修正するには、a：hoverルールを少し変更する必要があります。

ul li:hover a { color: #fff }

参照： http： //jsfiddle.net/56wUm/4/

ただし、使いやすさの観点からは、リンクをすべてのメニュースペースに配置し、大きなターゲットを作成する方がよいと思います。

于 2012-04-11T00:38:15.720 に答える
0

そのCSSの一部をAからLIに移動したいとします。目標は、AをLIに突き合わせて、ギャップがないようにすることです。フローティングプロパティにLIを使用したいだけで、テーブル内のTDのように考えてください。彼らは彼ら自身の本当のスタイルを持つべきではありません。

于 2012-04-11T00:40:43.507 に答える