2013-07-30 2 views
3

요소 내에있는 SPAN 요소에 적용되는 CSS 규칙을 만들었습니다.IE10 : CSS : 할당 후 해석되지 않습니다.

규칙은 내용을 범위에 추가해야합니다. 이 작업을 위해 :after 선택자를 사용하고 있습니다.

지금까지 그렇게 좋았습니다. IE8은 모든 것을 올바르게 표시합니다. 하지만 내 IE10에서는 콘텐츠가 SPAN 요소에 추가 된 것을 보지 못했습니다.

enter image description here

은 무엇이 일어날 일으키는 : 두 규칙이 IE10으로 비활성화되어 있는지

사용하여 인터넷 익스플로러 개발 도구 (F12), 내가 볼 수 있습니까? 왜 이러한 규칙이 비활성화되어 있습니까? 이를 수행하기 위해 스타일 시트에 정의 된 대체 규칙이 없습니다.

당신의 도움이 감사합니다.

+0

을 방법에 대한 중요!? –

+0

! 중요한 문제는 내가 동일한 문제를 겪고 있기 때문에 효과가 없습니다. –

답변

0

삽입 된 요소는 기본적으로 인라인입니다. 인라인 블록으로 설정해보십시오.

0

IE10에서는 다음과 같은 유사한 문제가 발생했습니다. 이미지에 대한 설정은 다음과 같습니다. 나는 두 가지 오류가 있음을 알았다. 파일 상단에 <!DOCTYPE html>이 없었으며 호환성보기 설정에서 Display intranet sites in Compatibility View 옵션이 선택되었습니다. 내 웹 페이지를 수정하고 페이지가 예상대로 표시되지 않도록 확인한 후 여기

나는 CSS를 사용하고 있습니다 :

.foo:after { 
    content: url(images/foo.png); 
    position: relative; 
    top: 2px; 
    left: 8px; 
} 
관련 문제