1

ねえ、これは私の最初の質問なので、何か問題が発生した場合は申し訳ありません。

HTMLとCSSのみを使用してギャラリーを作成しようとしていますが、これまでのところ、すべてが整列され、ほぼ並べ替えられています。問題は、ホバー時に画像引伸機にあります。拡大画像にカーソルを合わせると、それぞれの画像の上に表示されますが、下にスクロールして画像にカーソルを合わせると、拡大画像は配置されたままになり、画像に追従しません。

画像とホバー画像の両方のpositionプロパティを試してみましたが、正しく理解できません。それでも、画像をdivから「ポップアウト」させたいのですが。

以下のリンクにコードを貼り付けています：http：
//pastebin.com/fZxbKZEJ

4

1 に答える 1

0

を に変更position: absolute;しposition:fixed;ます。これにより、画像がビューに相対的にポップアップ表示されます。で遊んでmargin、配置を正しくします。

例：

margin: 100px auto 0;

そう、

.bigImage{         
     display:none;
     position:fixed;
     height:310px;
     width:250px;
     margin:100px auto 0;
     border:2px solid #39F;
 }

ポップアップを元の画像に合わせたいだけの場合は、これを行います

.bigImage{         
     display:none;
     position:relative;
     height:310px;
     width:250px;
     margin:-260px 0 0 -45px;
     border:2px solid #39F;
 }
于 2012-11-21T13:20:04.640 に答える