Safari 링크를 클릭 한 후 스타일이 지정되지 않았습니다 (_blank로 열림). 외부 창을 닫은 후 다시 스타일을 수정했습니다.

Question

Safari를 제외한 주요 브라우저에서 모든 링크가 정상적으로 작동하는 웹 사이트가 있습니다. Safari에서 사용자가 target = "_ blank"로 링크를 클릭 한 다음 원래 탭으로 돌아 가면 링크가 더 이상 링크로 표시되지 않습니다. 그런 다음 새로 열린 탭을 닫으면 스타일이 적용된 링크로 즉시 업데이트됩니다.

즉 : https://mysite.umich.edu/myapp에서 내 사이트에서

나는 이러한 형식의 링크가 : 페이지에

<a href="http://www.umich.edu/~someplace/glossary.html#accept_role" target="_blank">Accept Role in our Glossary of Terms</a> 

를, 그것은 다음과 같습니다

때 링크를 클릭하면 링크 된 URL (용어집)이 새 탭에서 열리고 그 탭으로 이동합니다. 나는 (새로 열린 탭을 닫습니다, 원래 페이지에 머물고,

다음 경우 : 그때 내가 시작 탭 (https://mysite.umich.edu/myapp)로 돌아 가면, 링크는 더 이상 링크로 스타일하지 않습니다 용어집을 보여주는 하나의 링크), 링크는 즉시 첫 번째 스크린 샷처럼 보이게됩니다.

개발자 도구가 열려있을 때 문제가 발생하지 않기 때문에 디버깅이 더 복잡해집니다. 또한 일련의 클릭으로 문제가 해결되지만 아직 그 효과를 재현하지 못했습니다.

Safari에서 타이밍 문제가있는 것 같습니다. 누구든지 그것을 고칠 방법에 대한 단서가 있습니까?

Answer 1

사용자가 커서를 링크에서 멀리 이동 한 후에도 원래 탭의 CSS가 A : HOVER에 대해 CSS를 유지한다는 점에서 Safari에서는 타이밍 문제가있는 것처럼 보입니다. 그러나 이것은 없었을 것입니다. A : HOVER에 대해 합당한 CSS 규칙을 사용했다면 문제가 발생합니다. 우리의 A : HOVER CSS 규칙은 텍스트 색상을 기본 텍스트와 동일한 색상으로 설정 했으므로 주변 텍스트와 링크를 구별 할 수 없었습니다. CSS를 변경하면 문제가되지 않습니다.

사파리가 잘못 행동 한 것처럼 보이지만, 적어도 우리의 상황에서는 해결 방법이 있습니다.