股利只隱藏 - 的iOS/Safari瀏覽器只

我做了一個簡單的按鈕與Facebook，下面fbButton登錄，但按鈕只能用JQuery的hide()中的iOS/Safari瀏覽器的移動隱藏而當它佔據的空間被另一個元素佔據時。股利只隱藏 - 的iOS/Safari瀏覽器只

我在我的筆記本電腦上運行該頁面時無法隱藏div（Firefox和Chrome），因此該問題僅在iOS上存在。我還沒有在Android或其他版本上測試過它。

<div class="loginSignUp" style="display:none"> 
    <form> 
     <label class="email" for="email">Email</label> 
     <input class="email" type="email" id="email"> 
     <label class ="username" for="username">Username</label> 
     <input type="username" id="username"> 
     <label for="password">Password</label> 
     <input type="password" id="password"> 
     <label class="confirmPassword" for="confirmPassword">Confirm password</label> 
     <input class="confirmPassword" type="password" id="confirmPassword"> 
     <div class="formSubmit">Submit</div> 
    </form> 
    <div class="loginOr">OR</div> 
    <div class="fbButton"> 
     <img src="https://www.facebook.com/images/fb_icon_325x325.png" /> 
     <div class="fbTextHolder"> 
      <div class="fbText">Log in with Facebook</div> 
     </div> 
    </div> 
</div>

再次，JavaScript是簡單 - 只是JQuery的hide()和show()。

任何想法？

來源

2016-10-05 SuperCodeBrah

當它佔據的空間被另一個元素佔據時。

聽起來像是z-index問題嗎？它也發生在風景模式嗎？或者嘗試使用.toggle()或.css('display', 'none');查看問題是否仍然存在。

來源

2016-10-05 02:42:09

哇，好抓。這實際上是一個Z指數問題。我最初添加到CSS，但實際上並不需要它，並沒有刪除它。你碰巧知道爲什麼它會影響iOS而不是Firefox/Chrome？ – SuperCodeBrah

如果不考慮代碼，但從經驗來看，無法真正瞭解Chrome和Firefox在涉及到小的語法錯誤或遺漏時，比如忘記將父元素設置爲'position：relative;'等等時，Chrome會更加容忍特殊的Chrome。我編碼我使用鉻，但始終打開其他瀏覽器來檢查結果。 –

很高興知道。謝謝！ – SuperCodeBrah

股利只隱藏 - 的iOS/Safari瀏覽器只

回答

相關問題