按鈕將不會點擊移動Safari

Question

我有對我已經測試過，但移動Safari瀏覽器（的iPhone，iPad等）

如果你到所有的瀏覽器正常工作我的網頁上的幾個按鈕：http://www.divisionforty.com/

並點擊查看視頻或更多信息，你會看到沒有任何反應，因爲同一頁上的另一個按鈕進一步向下工作正常。

下面是代碼：

<div id="hero"> 
      <div class="page-header pull-left"><h1>you deserve a better web experience!</h1> 
      <p>inroducing a complete web presence service that is designed to ease your companies workload while increasing user ease.<br> <a href="services.php"> learn more</a></p> 


      <a href="#" id="videofade" class="button">watch video</a>        


      </div> 


    </div> 

出於某種原因，只有這些按鈕似乎沒有工作。

希望有人能幫助

丹佛

Answer 1

想出了一個修補程序。它被搞亂了，因爲

<video id="videopromo" style="display:none;position:absolute;z-index:-1;" controls poster="video/video.jpg" width="100%" height="500"> 
    <source src="video/video.mp4" type="video/mp4"> 
    <source src="video/video.webm" type="video/webm"> 
    <object type="application/x-shockwave-flash" data="video/player.swf" 
width="854" height="504"> 
    <param name="allowfullscreen" value="true"> 
    <param name="allowscriptaccess" value="always"> 
    <param name="flashvars" value="file=video.mp4"> 
    <!--[if IE]><!--><param name="movie" value="player.swf"> 
    <!--<![endif]--> 


    <img src="http://devfiles.myopera.com/articles/4791/video.jpg" width="100%" height="500" alt="Video"> 
    <p>Your browser can't play HTML5 video. <a href="video/video.webm"> 
Download it</a> instead.</p> 
    </object> 
</video> 

放在上面

<div id="heroslider"> 

      <div id="hero"> 
        <div class="page-header pull-left"><h1>you deserve a better web experience!</h1> 
        <p>inroducing a complete web presence service that is designed to ease your companies workload while increasing user ease.<br> <a href="services.php"> learn more</a></p> 


        <a href="#" id="videofade" class="button">watch video</a>        


        </div> 


      </div> 

    </div> 

我只是隱藏與顯示視頻：單擊該按鈕時取消沒有。

現在一切正常，你可以在http://divisionforty.com

丹佛