1

グローバル リンクの不透明度オーバーレイに以下を使用しています。

a:hover {
    text-decoration: none;  opacity: 0.6; /* css standard */
    filter: alpha(opacity=60); /* internet explorer */
} /* mouse over link */

これにどのように色を追加できますか？これは CSS で可能ですか、それとも JS / jQuery ソリューションのみを検討していますか?

4

3 に答える 3

1 
a:hover{
    /* your stuff here */
    color:#f00;                // older browsers
    color: rgba(255,0,0,0.4);  // browsers with rgba support (r,g,b,alphaOpacity)
}
于 2012-04-29T19:40:45.930 に答える
1

背景に黒などの色が必要な場合は、コードは次のようになります

a:hover {text-decoration: none;  opacity: 0.6; /* css standard */
filter: alpha(opacity=60); /* internet explorer */ /* mouse over link */ background: #000; }

タグに黒などの色を付けたい場合、cssは次のようになります

a:hover {text-decoration: none;  opacity: 0.6; /* css standard */
filter: alpha(opacity=60); /* internet explorer */  /* mouse over link */ color: #000; }

何らかの理由}で、コードに余分なものがあります。

于 2012-04-29T19:41:34.683 に答える
1

不透明度はまったく必要ないようです。あなたが探している効果は透明な背景です。フォールバックと共に使用rgba()し、rgb()代わりに透明な背景を定義してください。

a:hover {
    text-decoration: none;  
    background: rgb(255,0,0) /* fallback */
    background: rgba(255,0,0,0.6) /* red with 60% opactiy */
    color: #000;
}
于 2012-04-29T23:12:28.580 に答える