私はこの質問が数回答えられたかもしれないことを知っています。しかし、どの画像でも機能するソリューションが必要です。
4つの画像を含むportoflioがあります。画像が表示されるので、ホバーにGithubロゴの画像を表示したいと思います。
私はすでにこれを見つけました:
a:hover:before {
content: '';
display: block;
background: rgba(255, 0, 0, .5); /* your background */
width: 500px;
height: 500px;
position: absolute;
top: 0;
right: 0;
}
ただし、幅と高さが必要です。私の画像は同じ高さではないので、ホバーした画像に合うcss / jQuery / angularコードが必要です。
ありがとう!
これを試してみてください、それは常にそれの親をカバーします。必要に応じて背景位置を編集できます。
a:hover:before {
content: '';
display: block;
background: url('img-path.png') no-repeat;
background-position: right bottom;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
編集:ホバーされたaタグは使用する必要がありますposition: relative;
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加