IE 11에서 호버 링크 메뉴가 작동하지 않습니다. 의사 클래스가 무시되었습니다.

만들기에서 프로젝트에 대해 this one과 같은 메뉴를 만들려고 시도하지만 IE 11은 의사 클래스를 계속 무시합니다.IE 11에서 호버 링크 메뉴가 작동하지 않습니다. 의사 클래스가 무시되었습니다.

+<!doctype html> 
    <html> 
     <head> 
      <meta charset="utf-8">

등 ...

나는이 +<!doctype html> 때문에 때문에, 즉 무슨 소리를 들었어요에서 + 요소가 내가 그것을 제거하려고했습니다 어떤 이유로 크롬에 disorted 및 입력해도 얻을 제거하는 경우 pseudir 클래스를 처리 할 수 없기 때문에 quircks 모드로 들어가서 <!doctype html>과 같은 경우에도 문제를 해결하지 못합니다. ie css를 무시하고 chrome으로 인해 모든보기가 엉망이됩니다.

여기는 내가하고있는 코드를 복사하여 붙여 넣는 바이올린입니다. 당신이 #botao span:after를 제거하는 경우가 난 단지 크롬, 파이어 폭스의 코드를 테스트 지금까지 즉 내가 예를 감지하고 메뉴를 숨기기 위해 자바 스크립트를 시도했습니다

fiddle

IE에 렌더링하는 방법을 다음과 같이 표시됩니다 다른 하나를 표시하지만 그것도 작동하지 않았고 css3 변환은 장소에 첫 번째 링크를 남기지 않고 발생하기 때문에 오래된 브라우저는 문제가되지 않습니다 (또는 나중에 용의자가 의심됩니다.) 나중에

출처

2014-01-18 user3211030

앵커 태그에 참조 대상을 지정하면 가상 클래스가 IE에서 작동합니다. 예 :

<span class="hoverlink"><a href=#>Hover over me</a></span> 

.hoverlink a, .hoverlink a:visited, .hoverlink a:link{color:red;} 
.hoverlink a:hover{color:green;}

"href"를 입력하고 IE에서의 모든 차이점을 확인하십시오.

의사 클래스를 지원하기 위해 A 태그 이외의 요소가 필요한 경우 doctype을 사용해야합니다. 그리고 예, 일부 구식 인터넷 익스플로러의 레이아웃은 단점 모드로 들어가기 때문에가 아닙니다. 그와는 반대로, 그것은 단점 모드를 남겨두고 표준에 부합하도록 "시도"하고 비참하게 실패합니다.

출처

2014-01-19 04:04:44 Schien

나는 당신이 sugested처럼 재미있는 일이 일어난 것을 시도했지만, 메뉴는 mousehover에서 계속 깜박였다. 파이어 폭스에서해야하기 때문에 어딘가에 나쁜 코드가 있다는 것을 확신 할 수는 없지만 #div에서 변환 라인을 제거하면 실제로 변환 문제입니다. hover span을 사용하면 터프하게 변환하지 않고 메뉴를 표시 할 수 있습니다. . 나는 길을 찾을 수있을 때까지 또는 그 주위를 돌아 다니는 더 좋은 방법이있을 때까지 크롬과 사파리에 코드를 렌더링해야하는 유일한 방법이라고 생각합니다. – user3211030

피들을 게시하고 지정할 수 있습니까? doctype을 사용하고 있는지, 그리고 어떤 브라우저에서 테스트했는지 여부. 가리 키기 항목에 단색 배경색을 지정하고 암시 적 "인라인"대신 표시 모드를 "차단"으로 설정하십시오. – Schien

[FIDDLE http://jsfiddle.net/americanjoel/YE3p7/1/](http://jsfiddle.net/americanjoel/YE3p7/1/) 질문에 바이올린을 게시했지만 다시 게시 할 것입니다. . 나는 위에서 언급 한대로 doctype을 사용하고 있었지만, 문제는 보이지 않는다. 필자는 그런 마킹이 없어도 표시해야하는 것처럼 보이지 않는다. 크롬 32, IE 11, 파이어 폭스 26에서 테스트했습니다. – user3211030

IE 11에서 호버 링크 메뉴가 작동하지 않습니다. 의사 클래스가 무시되었습니다.

답변

관련 문제