2

ドロップダウンメニュー付きのボタンを画像に挿入しようとしています。ホバー効果を作成するために、私はこのプラグインに依存しました：http ://www.backslash.gr/demos/contenthover-jquery-plugin/

必要な予防措置cssを実行するとすべてが機能しますが、満足のいく結果が得られません。つまり、ドロップダウンメニューが画像の上に表示されずに画像内に残るという、画像が近すぎるとメニューが切り取られるため、間違った結果になります。結果を得るより良い方法はありますか？

<img class="hov" src="http://dummyimage.com/300x120/a26/fff" />
           <div class="contenthover">
               <div class="btn-group">
                    <a class="btn dropdown-toggle mybutton" data-toggle="dropdown" href="#">
                        <i class="icon-pencil"></i>
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a tabindex="-1" href="#">Modifica</a></li>
                        <li><a tabindex="-1" href="#">Imposta come predefinito</a></li>
                        <li class="divider"></li>
                        <li><a tabindex="-1" href="#">Elimina immagine</a></li>
                    </ul>
               </div>
               <div class="conhov">
                        <p>Description</p>
               </div>
           </div>

ここにデモがあります：http：//jsfiddle.net/lughino/Aa9Qd/

4

1 に答える 1

1

これをcssに追加します

.open > .dropdown-menu {
  top: -1px;
  width: 84%;
  left: 3px;
}

気軽に遊んでみてください

于 2013-03-09T15:53:19.570 に答える