Question

我正在创建此网站：http://appointmentbooker.net/我的注册页面存在多个设备，浏览器和解决方案的问题。我正在尝试在onfocus时在某些输入框旁边显示div，并在onblur时使其消失。

例如，如果将鼠标放在密码框上，则会显示div。 http://appointmentbooker.net/register.php

我需要div在某些输入，每个分辨率和移动设备等左侧出现5个像素。它将根据分辨率进入随机位置。：（

到目前为止，我已尝试过像素和百分比。

 <div class="jfk-bubble" id="jfk-bubble-pw2" style="visibility: hidden; left: 21%; top: 62%; opacity: 1; ">
    <p>Your password must contain a capital letter, a number, and must be atleast 8 characters long.</p>
    <div class="jfk-bubble-arrow-id jfk-bubble-arrow jfk-bubble-arrowright" style="top: 8px; ">
    </div>
    </div>

和此代码

 .jfk-bubble-arrow, .jfk-bubble-arrowimplafter {
 background-image:url('images/arrow.png');
 width:20px;
 left: 289px;
 height:20px;
 background-size:cover;
 }

和这个

  .jfk-bubble {
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
 box-shadow: 0 1px 3px rgba(0,0,0,.2);
 background-color: #fff;
 border: 1px solid;
 position: absolute;
 z-index: 1201 !important;
 border-color: #bbb #bbb #a8a8a8;
 padding: 16px;
 width : 255px;
 line-height: 17px;
 }

我可以在一个浏览器上看起来很棒，但我认为我需要强制它始终在某些输入的左侧出现x像素。我需要更改哪些div属性？

Answer 1

我建议使用工具提示插件，例如jquery工具提示或这个很好的"tipsy"

它会为你节省很多时间..

在聚焦时使div浮动另一个div

1 个答案: