1

削除された例へのリンク

問題: Webkit ブラウザー (Chrome および Safari) で、ページで作成したローテーション クラスに問題があります。コンテンツ div の回転クラスを削除すると、ホバー時に表示される大きな画像が正しい位置に表示されます。

Firefox では、回転されたコンテンツ div に問題はありません。Mac を使用しているため、IE をテストできません。

4

2 に答える 2

0

.thumbnailクラスを指定したposition:relativeので、独自の位置コンテキストを作成しています。指定した固定位置は、親.thumbnail:hover spanの上部として 0 上部の位置で機能します。.thumbnail

position: relativeから離れて、配置したい値に位置を.thumbnail設定するだけです（ウィンドウの上部に相対的です。.top.thumbnail:hover spanposition: fixed

私の説明が十分に明確であることを願っています！

于 2012-05-29T07:15:38.237 に答える
0

まずは設定だけでいい.thumbnail:hover span{visibility:visible} です残りのコードはこんな感じ

.thumbnail span { 
    position: absolute;
    padding: 0px;
    visibility: hidden;
    color: black;
    text-decoration: none;
    height:530px;
    overflow: hidden;
    top: 0;
    left: 460px; 
}

位置は同じはずです。あなたのコードでは絶対を書きましたが、ホバーモードではfixedを設定しました。また、画像を同じ場所に表示する場合は、.thumbnailではなく#portfolioに対して相対的に配置する必要があります。したがって、これらを追加します。

#portfolio {position:relative}

削除する

.thumbnail {position:relative}
于 2012-05-29T07:19:28.737 に答える