모바일 사파리 홀수 테두리 색상 문제

이

는 CSS는 문제의 원인이되는 :

border-top:1px solid #fff; 
border-bottom:1px solid #ddd;

을 그리고 이것은 전체 사업부의 CSS입니다 :

#network-menu-row { 
    width:100%; 
    position:relative; 
    padding-top:10px; 
    padding-bottom:10px; 
    position:relative; 
    background: #e5e5e5; 
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); 
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); 
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); 
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); 
    background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0); 
    border-top:1px solid #fff; 
    border-bottom:1px solid #ddd; 
}

사람이 원인을 알아? 항상 그런 일은 일어나지 않습니다. 대부분의 경우 괜찮으며 적절한 색상을 보여 주지만, 때때로 파란색으로 표시하기로 결정합니다. 아마 전체 6 자 16 진수 코드를 사용하여 수정할 수 있다고 생각했지만 경계 두께를 변경하지 않았습니다.

항상 내 데스크톱 브라우저에서 제대로 작동합니다.

미리 감사드립니다.

출처

2012-11-17 CoreyRS

"#fff"를 "white"및 "#ddd"를 "gainsboro"로 변경하는 것은 어떻습니까? 아마 그것을 해결하지는 못 하겠지만, 그 원인을 알 수는 없으므로 그럴 가치가 있습니다. –

테스트를 실행 한 후에 페이지가 다시 탐색 될 때만 문제가 발생하며 특정 div에서만 발생합니다. 페이지의 모든 10 개 div는 동일한 이름 지정 및 코딩을 사용하지만이 중 8 개만이이 문제를 가지고 있습니다. – CoreyRS

CSS에 다른 색상이 있습니까? 테두리 속성을 재정의하는 또 다른 선택 도구가 될 수 있습니다. – FakeRainBrigand

문제가 해결되었습니다. 한 번 클릭 한 링크가 "방문"되었기 때문에 어떤 이유로 앵커를 다시 탐색 할 때 테두리 색이 변경되었습니다. 다음을 사용하여 문제를 해결해주십시오 :

a:visited div { 
    border:inherit; 
}

출처

2012-11-17 05:00:56 CoreyRS

감사! 디버깅 3 시간 및이 문제를 해결 :) – martin

모바일 사파리 홀수 테두리 색상 문제

답변

관련 문제