0

次のように、親 div 内に隠されているこの Twitter ブートストラップ ドロップダウン メニューがあります。

ここに画像の説明を入力

ここに私のcssとhtmlがあります：

<div class="profile-gallery-image-container">
    <img src="#" />
      <div class="image-options">
        <div class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">test</a></li>
           </ul>
        </div>
    </div>
</div>

CSS

.profile-gallery-image-container {
    max-width: 105px;
    max-height: 80px;
    margin-bottom: 0px;
    display: inline-block;
    border: 2px solid rgba(140,140,140,1);
    overflow: visible;
}

    .image-options { 
    float: right;
    display: inline;
    position: absolute;
    border: 2px solid rgba(255,128,64,1);
    width: 10px;
    height: 10px;
    top: 0px;
    right: 0px;
}

twitter-bootstrap ドロップダウン メニューの z-index は、デフォルトで 1000 に設定されています。いじってみましたが、親コンテナーから抜け出したくありません。また、overflow: visible style も試しましたが、成功しませんでした。ボックスの外側に表示するにはどうすればよいですか?

4

1 に答える 1

0

こんにちは今あなたのクラスにあなたを定義しますposition:relative; .profile-gallery-image-container 

.profile-gallery-image-container {
position:relative;}

ライブデモ

---------

更新されたデモ

于 2012-10-31T11:52:17.443 に答える