0
내 웹 사이트의 'nav'에 'register'div가 있고 firefox에서 모든 것이 완벽하게 렌더링되지만 Chrome과 같은 다른 브라우저에서는 위치가 완전히 꺼지는 경우가 있지만 페이지를 새로 고침하여 문제를 해결합니다.Div 위치 지정이 다른 브라우저에서 잘못 지정됨
또한 요소를 검사하고 '위치 : 절대'를 선택/선택 취소하면 대개 올바른 위치로 이동합니다.
여기에 얽힌 코드가 많으므로 사전에 사과 드리며 도움을 받으실 수 있습니다!
나는 아래의 관련 코드를 게시,하지만 당신은 전체 코드를 참조해야하는 경우,로 이동하십시오 것입니다 www.mindmote.com/nav/index.php
HTML :
<header>
<img src="..." onclick="location.href='../nav/index.php'" />
</header>
<nav>
<ul class="fancyNav">
...
</ul>
<div class="register">
<a class="unlink" id='windowbox' style='border-radius: 10px;width:45px;' href="...">Register</a>
<a class="unlink" id='windowbox' style='border-radius:10px;width:40px;' href="...">Log In</a>
</div>
</nav>
CSS :
.register{
position: absolute;
display: inline;
width:auto;
height:auto;
margin: 5px;
font-size: 18px/20px;
}
a.unlink{
color:#0f0000;
text-decoration: none;
clear: both;
}
a:hover.unlink{
color:#ecf7ed;
text-decoration: none;
clear:both;
}
#windowbox{
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
margin-left: auto;
margin-right: auto;
padding: 5px;
width :auto;
height:auto;
background: #c3912b url('../assets/img/nosp.png') repeat;
border: 1px solid #666666; /***/
-webkit-box-shadow: 5px 5px 10px .5px rgba(100, 100, 100, .3);
box-shadow: 5px 5px 10px .5px rgba(100, 100, 100, .3);
}
.fancyNav{
position: relative;
text-align: start;
display: inline;
margin: 0;
padding: 15px 4px 17px 0;
list-style: none;
-webkit-box-shadow: 5px 5px 10px .5px rgba(100, 100, 100, .3);
box-shadow: 5px 5px 10px .5px rgba(100, 100, 100, .3);
}