元素在css屬性顯示中顯示的格式不正確

我的網絡有問題。當我爲#responzivniMenu（display: none;）設置css時，它仍在顯示，可能不會更改。我不知道問題從何而來。元素在css屬性顯示中顯示的格式不正確

[求助]這是與託管的問題！如果你對這個問題確切感興趣，請查看我的答案。

我的HTML：

<div id="responzivniMenu"> 
    <a href="/uvod"><div id="skautLogoResponzivni"></div></a> 
    <div class="responzivDrop"> 
     <button onclick="responziv()" class="responzivBtn"></button> 
     <div id="responzivni" class="responzivni-content"> 
     <a href="/uvod" id="menuTlacitko">Domů</a> 
     <a href="/historie" id="menuTlacitko">Historie</a> 
     <a href="/aktuality" id="menuTlacitko">Aktuality</a> 
     <a href="/vedouci" id="menuTlacitko">Vedoucí</a> 
     <a href="/kontakty" id="menuTlacitko">Kontakt</a> 
     <a href="/oddily" id="menuTlacitko">Oddíly</a> 
      </div> 
      </div> 
      <script> 

     function responziv() { 
      document.getElementById("responzivni").classList.toggle("resshow"); 
     } 

     window.onclick = function(event) { 
      if (!event.target.matches('.responzivBtn')) { 

      var dropdowns = document.getElementsByClassName("responzivni-content"); 
      var i; 
      for (i = 0; i < dropdowns.length; i++) { 
       var openDropdown = dropdowns[i]; 
       if (openDropdown.classList.contains('resshow')) { 
       openDropdown.classList.remove('resshow'); 
       } 
      } 
      } 
     } 
     </script> 
    </div>

和CSS：無：

#responzivniMenu { 
display: none; 
}

來源

2017-02-26 Eda Stehlik

responzivniMenu沒有顯示。這工作正常。 –

你的代碼爲mew正常工作 –

好吧我會檢查主機 –

你的CSS樣式被另一個CSS規則overrided，嘗試添加後顯示重要。

#responzivniMenu { 
display: none!important; 
}

來源

2017-02-26 13:49:48

檢查你的css文件。它可能包含#responzivniMenu的一個特定的css，覆蓋你的

來源

2017-02-26 13:50:56 kimo

對不起，這篇文章的傢伙，我的主機只是有一個很長的延遲上傳文件和改變它在服務器上出於某種原因。大約一個小時。謝謝你的回覆，我很抱歉浪費你的時間！

來源

2017-02-26 13:54:50

在你的html中，我沒有看到你在哪裏鏈接你的CSS到頁面。如果你的CSS它比你的HTML在同一頁上，但不是在單獨的頁面，所以你必須使用的「風格」標籤的代碼將出現

<style> 
#responzivniMenu 
{ 
    display:none !important; 
} 
</style>

來源

2017-02-26 13:59:13

感謝帖子，但它只是一段代碼。只有幾行來自hundrets。 –

元素在css屬性顯示中顯示的格式不正確

回答

相關問題