오히려 당황 스럽습니다. 내 메인 컴퓨터의 Chrome, FireFox, IE9, Opera 또는 Safari에서 웹 페이지를 볼 때 메뉴의 롤오버에 3px의 상단 패딩이 추가됩니다.한 컴퓨터에서만 모든 브라우저의 메뉴에 여분의 패딩이 있습니다.
위의 모든 브라우저 (IE8 포함)에있는 다른 두 대의 컴퓨터를 집에서 확인한 경우 메뉴에 3px 여분의 패딩이 없습니다.
내 컴퓨터에서 브라우저가 초기화되었지만 외부 브라우저가 모든 브라우저에서 발생하므로 페이지 렌더링에 영향을 주어야한다고 생각합니다 ...? 그것은 모니터 상태가 아닐까요? 나는 모니터 보정에 대해 아무 것도하지 않았다. 내 브라우저는 모두 100 % 확대되었습니다.
홈페이지 완 : 윈도우 7 다른 두 콤프 : Windows 7 및 Windows XP
이 매우 도움이 될 수 있습니다 이유에 대해 추측 모든. 감사.
CSS :
#access {
clear: both;
display: block;
float: left;
margin: 0px 0 40px 0;
padding:0;
width: 100%;
text-align:left;
/* height:54px; */
background-image:url(images/menu-bar.gif);
background-repeat:no-repeat;
background-position:top center;
}
#access ul {
list-style: none;
margin: 0 0 0 20px;
padding: 0;
width:100%;
}
#access ul li { display:inline;padding:0;margin:0; }
#access li {
background-image:url(images/menu-bar-divider.gif);
background-repeat:no-repeat;
background-position:top right;
}
#access ul li a {
color: #ffffff;
display:block;
float:left;
padding: 18px 39px 17px 39px;
text-decoration: none;
font-size:16px;
text-shadow: 0px 1px #c86209;
}
#access li a:link { }
#access li:last-child { background-image:none; }
#access a:hover { text-shadow: none;background-image:url(images/menu-bar-hover.gif);background-repeat:repeat-x;background-position:bottom center;color:#000000!important;}
#access a:visited { color:#ffffff!important;}
크롬에서 계산 된 스타일을 두 기계에 모두 올바르게 표시하고 열린 것을 보여줄 수 있습니다. 패딩을 위해 계산 된 스타일을 복사 할 때 열어서 어디에서 왔는지 보거나 스크린 샷이나 비슷한 것을 통해 붙여 넣어 볼 수있게하거나 그 시간까지 해결할 수 있습니다. –