2012-09-16 3 views
2

최근에 Shutter Image Gallery라는 첫 번째 오픈 소스 프로젝트를 출시했으며 모바일 기기 (iOS)에서 어떻게 보였는지 확인하고 수정할 수없는 문제가 있음을 확인했습니다. 당신은 이미지에서 볼 수 있듯이 ...a : iOS 브라우저에 붙어있는 호버 스타일

enter image description here

는 a는 : 버튼을 고수하는 것 컨트롤에 상태를 맴 돕니 다. 반대쪽 버튼을 클릭하지 않으면 a의 색상이 반환되지 않습니다. 문제를 찾아 보려고했지만 관련성이없는 항목을 찾을 수 없었습니다.

코드는 오픈 소스이며 GitHub에서 호스팅됩니다. 도움을 줄 수 있으면 그렇게하십시오. 여기서 수정 사항을 게시하거나 저장소로 푸시하십시오. 나는 매우 감사 할 것이다. 저장소에

링크 : https://github.com/W3Geek/Shutter

링크는 데모하는 색 : 활성 :는 A를 사용하여 데스크톱 효과를 가져, 대신 : http://w3geek.github.com/Shutter/

+0

이 문제는 모든 브라우저에서 발생합니까, 아니면 iOS에서만 발생합니까? –

+0

은 나를 위해 크롬에서 잘 작동합니다. –

+0

@ DanielA.White 데스크톱 브라우저에서 완벽하게 작동합니다. 이 버그는 내가 아는대로 iOS 기기에서만 발생합니다. Android 기기를 확인할 수 없습니다. – W3Geek

답변

3

단지는 A를 사용할 수있는 CSS에서 미디어 쿼리를 시도 iOS 기기에서 변경합니다.

+0

미디어 쿼리가 iOS 장치를 감지 할 수 있다면 확실히 좋을 것입니다. –

1
/* Desktop */ 
@media only screen and (min-width:650px) 
{ 
    a:hover 
    { 
     color:red; 
    } 
} 

/* Mobile */ 
@media only screen and (max-width:650px) 
{ 
    a:active 
    { 
     color:red; 
    } 
}