0

私が取り組んでいるユーザー インターフェイスを説明するために、div にツールチップを配置しようとしています。

右側の div では、ツールチップがうまく表示されます。

作業ツールチップ

UI のもう一方の端には、div 全体をカバーするツールチップがあります。他のdiv表示と同じように表示したい。

ツールチップが悪い！ やめてと言ったのに、DIV全体をカバーしています！

ここに両方の​​htmlがあります

作業バージョン:

  <div id="percentCompleteDiv"
                   class="container top-profile well text-center"
                   style="border-radius:3px;"
                   data-placement="right"
                   data-trigger="manual"
                   data-content="Displays the completion percentage
                   progress of the current upload"
                   data-original-title="Completion Percentage"
                   rel="popover">
                <h4 style="color:#555;">Complete Pct:</h4>
                <h3 id="uploadpercent">0%</h3>
              </div>

動作しないバージョン:

<div class="container text-center well"
               data-placement="left"
               data-trigger="manual"
               data-content="Displays the current cost of this Job.
               For more information on pricing see our pricing page"
               data-original-title="Estimated Cost"
               rel="popover">

左側に正しく表示するにはどうすればよいですか？

4

0 に答える 0