テキストの上にオーバーレイを表示させる

Question

背景画像が添付されているdivコンテナ内のアンカーにカーソルを置くと、背景イメージが暗くなります。

動作したが、アンカー内でマウスを動かすと、ちらつきが激しかったという例がありました。

Answer 1

まあ、ホバー属性の中にアンカーを置くと、あなたはあなたが望むものに応じて背景の線形グラデーションを変更する必要があります！背景の線形グラデーションCSS 3属性をチェックしてください！

あなたは

Answer 2

あなたはそれのためにJavaScriptを使用することができ感謝しています。

HTML：

<a href="something.example.com/something" onmousehover="darkenIt(this);" /> 

CSS：

a{ 
background-image: url("img/image.jpg"); 
} 

はJavaScript：

function darkenIt(x){ 
    x.style.backgroundImage = 'url("img/dark-image.jpg");'; 
} 

私はCSSを使って写真を暗くする方法がわかりません。したがって、私はあなたに2つの異なる画像を持つコードを示しました。あなたがそれを行う方法を知っているなら、それを使うことができます。

CSSだけでも使用できます。 aクラスを使用した後にa:hoverを使用できます。

お楽しみください：D