0

これをどのように進めればよいかよくわかりません。私は以前にこの種のことを試みましたが、まったく成功しなかったので、最初にここに飛び乗って、あなたの知的な人々の知恵を求めようと思いました.

基本的に、私のページには一連の 80x80 のサムネイルが並べられており、Javascript 関数を実行する親指の右下隅に小さなプラス ボタン (ホバーがあるのでボタンであることがわかります) が必要です。基本的に、プラス ボタンはサムネイルをページの別の領域に追加します。

とにかく、誰かがこれを達成する方法の簡単な例を教えてもらえますか? ボタンをクリックできるだけでなく、サムネイルの通常の画像部分をクリックすると、そのサムネに行きたいです。サムネイルの部分が機能しています。ボタンをオーバーレイして、実際のサムネイルとは別のクリック可能な要素にする方法を理解する必要があります。このためのプラス ボタン イメージとホバー プラス ボタン イメージを作成しました。

基本的に、私は出発点を探しているだけです。Google で例を試してみましたが、何も機能しません。また、私がやろうとしていることに実際に合わせたものもありません。残念ながら、CSS は私の得意分野の 1 つではありません。

皆様、大変お世話になりました。

4

1 に答える 1

2

私が正しく理解しているなら、これを試してください...

.img_container {position: relative; width: 80px; height: 80px;}

.img_container button {display: none; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px;}
.img_container:hover {background: rgba(0,0,0,.4);}
.img_container:hover button {display: inline-block;)

あなたのhtml

<div class="img_container">
    <img src="pic.png">
    <button>+</button>
</div>

お役に立てれば ：）

于 2012-05-20T08:33:25.113 に答える