3

CSS を使用してページにポップアップを作成しています。display:none; に設定されたタグ内にあります。次に、タグにカーソルを合わせると、単語の定義がポップアップ表示されます。これは私にとってはうまく機能していますが、ポップアップがブラウザウィンドウの外に表示されることがあります。ポップアップ全体が CSS を使用してブラウザー ウィンドウ内にとどまるようにする方法はありますか? Javascript を追加する必要がありますか? リンクの場所にポップアップを表示したいのですが、ウィンドウ内に表示されるように左または右に移動してもかまいません。

これは私のコードです：

a span {
display: none;
}

a:hover span {
display: block;
position: absolute;
width: 300px;
z-index: 1000;
}

よろしくお願いします。:-)

4

3 に答える 3

0

css コードを使用することをお勧めします。

a span {
    position: absolute;
    z-index: 100000;
    display: none;
    min-width: 100px;
    max-width: 50%;
    left: 50%;
    margin-left: -25%;
}
a:hover span {
    display: block;
}
于 2013-07-16T14:55:24.127 に答える