2017-02-26 8 views
0

私のウェブに問題があります。 #responzivniMenudisplay: 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:!何を:あなたのCSSスタイルを別のCSSルールによってオーバーライドされ

#responzivniMenu { 
display: none; 
} 
+0

responzivniMenuが表示されていないだろう、あなたのhtmlと同じページ上ではなく、分離されたページでなら。これはうまくいきます。 –

+1

あなたのコードは正常に動作しています –

+0

OKホストを確認します –

答えて

0

、添加しない重要な表示の後にしてみてください。

#responzivniMenu { 
display: none!important; 
} 
0

あなたのCSSファイルを確認してください。あなたの#responzivniMenuの特定のCSSが含まれている可能性があります。

0

この投稿には申し訳ありませんが、私のホストは何らかの理由でファイルをアップロードしてからサーバーに変更するまでに時間がかかります。約1時間です。すべてのあなたの返信をありがとうと私はあなたの時間を無駄にして謝罪!

0

あなたのHTMLでは、どこにあなたのCSSをページにリンクしているのかわかりませんでした。 あなたのCSSは、それはあなたが「スタイル」タグを使用する必要がありますので、あなたのコードが

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

投稿ありがとうございますが、それは単なるコードの一部です。 hundretsからわずか数行。 –

関連する問題