IE의 둥근 모서리 문제

Question

나는 Mumbai Local Train Time Table 사이트를 가지고 있습니다.

asp.net Ajax dll 3.5를 사용하고 있습니다. 둥근 모서리 확장을 사용합니다. 나는 IE가 둥근 모서리를 보이지 않고있는 것을 본다. Chrome과 Firefox에서 잘 작동합니다.

나는 무엇이 실종 되었습니까?

Answer 1

테스트 할 IE의 버전을 지정하지 않았습니다. 중요한 세부 사항입니다 만, 어쨌든 도와 드리겠습니다.

첫째로 IE8 이하는 둥근 모서리를 수행하는 CSS border-radius 스타일을 지원하지 않습니다. 따라서 IE8 또는 이전 버전 (또는 사용중인 사용자를 지원해야하는 경우)으로 테스트하는 경우 둥근 모서리를 설정하지 않는 것이 놀랍지 않습니다.

• 그것을 무시하고 오래된 IE 버전의 사용자가 사각형 모서리와 함께 살고 보자

  당신을위한 두 가지 옵션이 있습니다. (세계에서 최악의 것은 아니지만 ... 사이트 유용성에 영향을 미치지 않습니다. 이유는 무엇입니까?)

• IE의 이전 버전에 border-radius 기능을 구현하는 CSS3Pie과 같은 javascript 도구를 사용하십시오. 당신은 IE9 또는 IE10을 사용하고 있고 여전히 border-radius 표시되지 않는 경우

는 다음 문제는 브라우저가 호환성 모드, 또는 더 나쁜, 쿼크 모드로 전환되어있을 가능성이 높습니다.

비정상 모드는 페이지 상단에 유효한 <!DOCTYPE>이 있어야 해결할 수 있습니다. 나는 당신이 doctype을 가지고 있음을 주목하지만, 그 위에 빈 줄이 있다는 것에 주목한다.
중요 : doctype 은이 페이지의 맨 앞에 있어야합니다. 약간의 공백이나 주석이 있어도 IE는이를 무시하고 쿼크 모드로 되돌아갑니다. 당신은 정말로 그것을 원하지 않습니다.

Compatiblity 모드 :

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

나는 희망이 도움이 :이 문제가있는 경우 다음과 같이 일반적으로 문서에 메타 태그를 추가하여 해결할 수 있습니다.