2009-11-21 4 views
2

IE가 q > 태그를 지원하지 않는다는 문장에 당혹 스럽지만 IE에서 인라인 요소로 잘 렌더링되므로 지원하지 않는 경우, 그래서? 기울임 꼴로 CSS로 스타일을 지정하면 예상대로 작동합니다. IE5 이상에서 테스트했습니다. 그것이 내가 질문 요소를 사용하여 CSS로 스타일을 할 수에서 당신을 중지 아무것도 표시되지 않을 때 그것을 지원하지 않습니다 말한다 이유IE는 Q 태그를 지원하지 않지만 스타일을 지정할 수 있습니다.

http://www.w3schools.com/tags/tag_q.asp

설명?

답변

3

<q> 요소를 이해합니다. 유효한 태그이므로 스타일을 지정할 수 있습니다. HTML5 <header>/<footer> IE와 같은 다른 요소는 기본적으로 전혀 이해하지 못합니다.

Anyhoo, "지원하지 않음"은 실제로 "표준을 따르지 않음"을 의미합니다. <q> 요소는 잘 표시되지만 스펙에서 요구하는 따옴표는 추가하지 않습니다. 이것은 IE8에서 수정되었습니다.

리치가 말한 것처럼 의사 요소를 사용하여 인용 부호를 추가 할 수 있습니다. 어쨌든해야 할 일이지만 인용 부호는 IE6이나 IE7에서 지원하지 않습니다. 내가 뭘하고 싶은지, <q> 엘리먼트의 색을 바꾸거나 IE 전용 스타일 시트에서 기울임 꼴로 만드십시오. 따라서 IE 방문자는 최소한 차별화를 보게됩니다.

다음은 유용 할 수있는 코드입니다. 이 중첩 <q> 태그에 모든 <q> 태그를 두 번 곱슬 따옴표, 단일 곱슬 따옴표를 추가

q:before { 
    content: "\201c"; 
} 
q:after { 
    content: "\201d"; 
} 
q q:before { 
    content: "\2018"; 
} 
q q:after { 
    content: "\2019"; 
} 
+0

만세를! 큰 따옴표 문자 코드는 IE10 및 IE9 모바일의 경우 나를 도와주었습니다. "“ “"” ” 중 하나를 사용하면 해당 q 표시가 올바르게 표시되지 않습니다. – agibsen

2

다른 브라우저는 자동으로 콘텐츠 주위에 음성 마크를 추가하기 때문입니다. IE는 별도의 태그로 인식하지 않으며이를 수행하지 않습니다.

물론 : before와 : after를 사용하면 따옴표를 추가 할 수 있지만 이전 버전의 IE에서는 작동하지 않습니다.

관련 문제