2

ホバーするとポップアップウィンドウを表示するボタンがあります。このボタンは div 内にあり、ポップアップ div は、含まれている div の 1 つによって切り取られています。

「リストに保存」ボタンにカーソルを合わせると表示されます。

http://dev.iqcatalogs.com/avcat/ctl1642/index.cfm?manufacturer=tandberg&product=cisco-tracker-remote-control

4

4 に答える 4

10

これは、周囲のdivがに設定されているためoverflow:autoです。

それをoverflow：visibleに変更してみてください

div#productMainWrapper div#pmwRightContainer1 {
    color: #000000;
    float: right;
    height: 215px;
    overflow: visible; //changed
    padding: 8px 13px 0 0;
    width: 295px;
}
于 2012-05-31T22:28:55.227 に答える
5

問題は、div＃productMainWrapper div＃pmwRightContainer1が、オーバーフローした子要素を完全に表示できないことです。

オーバーフローを表示に変更します。

    div#productMainWrapper div#pmwRightContainer1 {

    overflow: visible;

}
于 2012-05-31T22:26:16.257 に答える
0

これは、オーバーフロー自動でdivにあるためです。ボックスの外側に配置し、ポジショニングを使用して配置してみてください

于 2012-05-31T22:27:38.903 に答える
0

コードでのレイアウト方法と呼び出しの方法に応じて、ボタン以外のコンテナーではなく、サイトのマンウィンドウをポップアウトの「ターゲット」にすることをお勧めします。ここまでフォロー？基本的に、ボタンとコンテンツを持つ DIV があります。現在、ポップアウトはその div をターゲットにするように設定されているか、パラメーターが設定されていないため、とにかくその div をターゲットにしています。HTML または CSS の target= _blank など display: block;

以下は、順序付きリストと順序なしリストを使用したポップアウト メニューです。div ID を li と ul に置き換えます。また、ポジショニングは私のものではありません。サイトの必要に応じて編集する必要があります。

#button li:hover > ul
{
        display: block;
}


/* PopOut */
#button ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
}
于 2012-05-31T22:43:32.630 に答える