0

私はCss3エフェクトを使用してメニューをより魅力的に見せていますが、問題はありませんが、奇妙な理由でわかりません。メニュー項目をクリックしても、目的のページにリダイレクトされません。つまり、href="abc.aspx"は表示されません。 Firefox、Operaで動作しますが、Chromeでは正常に動作します。これが私が使用するCss3コードです。

#Menu a:active,
#Menu a.active:before,#Menu a:hover:before
{
    Content: ' ';
    position:absolute;
    z-index:-1;
    width:0px;
    height:0px;
    left:50%;
    top:50%;
    border-radius:50%;
    box-shadow:0 0 35px 30px #ADD7E7;

}

私のメニューは何かに見えますこのような

ただし、そのCss3スタイルを削除すると、hrefは機能します。これが発生する理由について、誰かがこれを手伝ってくれますか。どんな提案でも大歓迎です。

ありがとう

4

3 に答える 3

2

これは、cssの次の行が原因である可能性があります。

z-index:-1;

デフォルトのレイヤーは0ドキュメントのレイヤーですが、ホバーするとに設定されているため-1、クリックできなくなります。

于 2012-05-07T05:41:51.567 に答える
2

#Menu a:activeこの問題は、疑似要素と一緒にスタイリングすることが原因である可能性があります。#Menu a:activeそれらを分離するか、定義から完全に削除してみてください。次に 、疑似要素にのみ適用されるため、z-index背中を設定できます。-1

ここに jsfiddleを設定しました。

于 2012-05-07T07:37:58.973 に答える
1

要素をボディのz-index:-1後ろに配置します。そのため、体がそれを覆い隠しているため、クリックすることはできません。

ただし、ボディの背景色を定義していない場合、透明な背景色はクリックをキャッチできない可能性があるため、これは少しあいまいです。

負のzインデックスは避けてください。それらは、正の数で必要なだけ高くなる可能性があり、負の数よりも確実に高くなります。

于 2012-05-07T05:41:52.157 に答える