私のウェブに問題があります。 #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:!何を:あなたのCSSスタイルを別のCSSルールによってオーバーライドされ
#responzivniMenu {
display: none;
}
responzivniMenuが表示されていないだろう、あなたのhtmlと同じページ上ではなく、分離されたページでなら。これはうまくいきます。 –
あなたのコードは正常に動作しています –
OKホストを確認します –