0

ブートストラップ 3 css フレームワークを使用しています。

facebook like buttona と twitter フォローボタンを追加しました。ウィンドウのサイズを変更しないと機能します。ウィンドウのサイズを変更すると、twitter と facebook のボタンが表示されますが、クリックできません (これらのボタンにカーソルを合わせると、ハイパーリンクのマウス サインが表示されません)。

これは機能しています

ウィンドウのサイズを変更し、ボタンが次の行に移動するようにポイントに到達すると、ボタンをクリックできなくなります

ウィンドウのサイズを変更し、ボタンが次の行に移動するようにポイントに達すると、ボタンをクリックできなくなります。どうすれば修正できますか?

<div class="row" style="padding-top:4px;padding-left:4px;padding-right:4px; background:#09C;">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="input-group input-group-sm" style="padding-bottom:4px;">
                        <input type="text" class="form-control">
                        <span class="input-group-btn">
                            <button class="btn btn-default btn-sm" type="button">Go</button>
                        </span>
                    </div>
                </div>
                <div class="col-md-5">
                <div class="pull-right" style="margin-top:10px;">
<!-- my social buttons are here-->
<!-- facebook and twitter are embedded inside iframe
</div></div></div>
        </div>
    </div>

jsfiddle http://jsfiddle.net/VZk5G/

4

1 に答える 1

0

.col-md-3クラスのdivは、これらのボタン ( .col-md-5 ) で div をホバリングしています。z-indexを使用して修正します。

.col-md-3
{
    z-index: 2;
}
.col-md-5
{
    z-index: 3;
}

動作中のjsFiddle デモ

于 2013-08-19T06:04:48.047 に答える