0

サムネイルの上にマウスを移動すると、大きなメールのサムネイル サイズのビューが表示されるサムネイル ビューアを作成しようとしています。サムネイルを移動すると、大きな画像のさまざまな部分が表示されます。

これは、最後の (緑色の) 画像にカーソルを合わせる ことで確認できます

ロールオーバーすると、低解像度のサムネイルと高解像度のバージョンの間で画像が入れ替わります。overflow: hidden何らかの理由で、この大きな画像は親のプロパティに拘束されなくなりました。これを機能させるにはどうすればよいですか?

アップデート

プロパティは現在、現在 を提供しているコンテナposition: relativeの上の親に設定されています。最上位のコンテナへの追加は正しく機能しますが、丸い境界線効果を無効にしているようです....artworkoverflow: hiddenoverflow: hidden

4

1 に答える 1

2

親ブロックでposition:relativeを使用します。

これは、子divが絶対位置にあるためです。ただし、絶対位置を使用する場合は、最初に配置された親を指します。最初に配置された親は、位置を持つ最初の親です:相対(または絶対)プロパティ

境界線の半径の問題の場合、これはFirefoxとChromeのバグであり、ハックを使用して修正できます。ここでそれを参照してください:

CSS3ボーダー半径クリッピングの問題

編集:要約すると:

位置を追加:divアートワークを基準にします。次に、境界線の半径を「a」の親タグに追加します

于 2013-01-07T13:23:55.667 に答える