0
私が作成しているウェブサイトに問題があります。ナビゲーションメニューは、ページ間で移動するとちらつきますが、ChromeとIEでのみ表示されます。Chromeでのみページ間を移動するとナビゲーションメニューがちらつく
さらに奇妙なことは、Chrome上のicognitoウィンドウで開いたときやローカルに読み込んだときに発生しないということです。ここで
は、実際の例だ - http://andrewbruce.me 私は以下のコード入れます-
ナビゲーションHTML -
<body>
<div class="menuButton" onclick="decide(this);">
<div id = "bar1"></div>
<div id = "bar2"></div>
<div id = "bar3"></div>
</div>
<div id ="nav">
<ul>
<a href = "home.html"><li>HOME<span style = "float: right; padding-right: 2%;">></span></li><a/>
<a href = "portfolio.html"><li>PORTFOLIO<span style = "float: right; padding-right: 2%;">></span></li><a/>
<a href = "cv.html"><li>CV<span style = "float: right; padding-right: 2%;>></span></li><a/>
<a href = "contact.html"><li>CONTACT<span style = "float: right; padding-right: 2%;">></span></li><a/>
</ul>
</div>
ナビゲーションCSS - 私がテストしている
#nav {
height: 100%;
width: 22%;
text-align: center;
box-shadow: 2px 2px 5px #888888;
transition: all .3s ease-in-out;
background-color: #1b1d1f;
float: left;
position: fixed;
z-index: 2;
}
#nav ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
line-height: 2;
margin-top: 20%;
}
#nav a {
text-decoration: none;
}
#nav li {
transition: all .2s ease-in-out;
color: white;
font-size: 25px;
text-align: left;
padding-left: 15px;
}