1

詳細

リンクにスプライト画像を使用しようとしています。リンク、ホバー、アクティブな作業ですが、訪問しません。リンクにアクセスすると、元のスプライトに戻ります。私が使用しているCSSとHTMLを以下に示します。

HTML 

<a href="#1" class="sprite favourite"> </a>    
<a name="1">link1</a>

CSS

 .sprite
    {
        width:15px;
        height:15px;
        text-decoration:none;
        display:block;
        background-image:url(everything-spritev2.png);
    }

.favourite:link{background-position:-32px 0;}
.favourite:hover{background-position:-48px 0;}
.favourite:visited {background-position:-64px 0;}  /* visited link */
.favourite:active {background-position:-64px 0;}

質問

リンクがクリックされた後、.favourite：visitedのスプライトが機能しないのはなぜですか？

4

2 に答える 2

1

CSS履歴攻撃を軽減していると思います。

CSSを介したユーザーの履歴への攻撃の防止。

于 2012-08-19T08:56:35.997 に答える
1

残念ながら、:visitedFirefoxではプライバシー上の理由から背景画像を使用するスタイルが無効になっています。このページのメモはその理由を説明し、このページは詳細を説明します。他のブラウザでは:visitedまだスタイルが無効になっていない可能性がありますが、将来のバージョンではおそらく無効になります。

考えられる回避策は、スクリプトを使用して、クリックされたリンクとローカルストレージ内の時間を追跡することです。

于 2012-08-20T06:52:24.967 に答える