a：訪問した場合、変更は1回だけです

Question

アンカータグの色を変更して、リンクにアクセスした後に画像をぼかしたいとします。唯一の色が変わり、画像も同じように見えます。 これは、ここに私のCSSコード

<style> 
    .image123{ 
     padding-left:80px; 
    } 

    .imgContainer{ 
     float:left; 
     margin: 93px; 
    } 

    a:link{ 
     color:#000; 
     text-decoration:none; 
    } 

    a:visited { 
     color:#fafafc ; 
     text-decoration:none; 
     opacity:0.2 ; 
     filter:alpha(opacity=60); 
    } 

</style> 

である私のHTML部分が

<a href="breakdown_assistance_ins.php" id="ba" name="ba" > 
    <img src="images/breakdwn_assiatance.png" style="height:100px; width:100px;"/> 
    <p>Breakdown </p> 
</a> 

で誰も私に、私は画像をぼかすと同じことを行うために私を助けることができなかった理由を教えてください。あなたがここにもフィルタについて読むことができます

<style> 
    a:visited img { 
     -webkit-filter: blur(4px); 
     filter: blur(4px); 
    } 
</style> 

：https://developer.mozilla.org/en-US/docs/Web/CSS/filter

EDIT：

が探査にさらに行き、通りがで述べ@karthick nagarajan

Answer 1

これはトリックを行う必要がありますブラウザは、次のプロパティ（Source）以外のサポートを停止しました：

• 色
• 背景色
• ボーダー色（および別の側面の境界線色）
• アウトラインカラー
• カラムルール色
• フィルとストローク
のカラー部

以前に与えられたスタイルが:visitedセレクタ以外の状況で動作します。

また、この前のスレッド（How can I detect visited and unvisited links on a page?）で述べたように、Javascriptでこれらのリンクのステータスを取得することはできません。

Answer 2

表示を追加：インラインブロック;をあなたのタグに追加する

.image123{ 
     padding-left:80px; 
    } 

    .imgContainer{ 
     float:left; 
     margin: 93px; 
    } 

    a:link{ 
     color:#000; 
     text-decoration:none; 
    } 

    a:visited { 
     color:#fafafc ; 
     text-decoration:none; 
     opacity:0.2 ; 
     filter:alpha(opacity=60); 
    } 

    a{ 
     display:inline-block; /* or block */ 
    }