小编Joh*_*fth的帖子

我似乎无法在我网站上的一个div上进行持续时间转换.

如果你去联系部分,将鼠标悬停在地图上,div过渡很好

如果你将鼠标悬停在细节部分(带有3个图标的灰色区域)上,那么当它向左滑动时,该div上的过渡工作以及内部div也是如此.

但是联系表格不希望受到转换持续时间的影响,它会向左移动.

这是网站:http://www.onepixelroom.com/londonrefurb/

这是代码:

HTML:

    <div id="contact-div">
      <div id="contact-title-box">
    <div id="contact-title">
          <h1>CONTACT</h1>
          <hr>
        </div>
  </div>
      <div id="map_canvas-antialiasing"></div>
      <div id="sliding-footer">
    <div id="map_canvas"></div>
    <div id="sliding-second">
          <div id="sliding-details">
        <div id="sliding-details-container"> <a href="mailto:hello@onethousandsheep.com?subject=Web Site Enquiry" style="text-decoration:none">
          <div class="sliding-details-box">
            <div class="sliding-details-square-hover"></div>
            <div class="sliding-details-img"><img src="http://www.onepixelroom.com/londonrefurb/img/mail.png"/></div>
            <div class="sliding-details-txt">HELLO@DRONINRENOVATIONS.COM</div>
          </div>
          </a> <a href="skype:0044750221963?call" style="text-decoration:none">
          <div class="sliding-details-box">
            <div class="sliding-details-square-hover"></div>
            <div class="sliding-details-img"><img src="http://www.onepixelroom.com/londonrefurb/img/phone.png"/></div>
            <div class="sliding-details-txt">+44 07502221963</div>
          </div>
          </a> <a href="https://maps.google.com/maps?q=10+Elm+Park+Gardens,+London+SW10+9NY,+United+Kingdom&hl=en&sll=51.487207,-0.177784&sspn=0.012146,0.021801&hnear=10+Elm+Park+Gardens,+London+SW10+9NY,+United+Kingdom&t=m&z=16"  style="text-decoration:none" target="_blank">
          <div class="sliding-details-box">
            <div class="sliding-details-square-hover"></div>
            <div class="sliding-details-img"><img src="http://www.onepixelroom.com/londonrefurb/img/home.png"/></div>
            <div class="sliding-details-txt">SOUTH KENSINGTON, LONDON UK</div>
          </div> …