2012-10-02 4 views
1

둥근 모서리는 Google 크롬에서는 잘 표시되지만 IE9에서는 제대로 표시되지 않습니다.IE9에서 테두리 반경과 둥근 모서리가 작동하지 않음

이 내 CSS 코드 : 나는 메타 태그를 추가하려고했습니다

.post-labels{ 
    position:relative; 
    float:right; 
    text-align:right; 
    border-style:solid; 
    border-color:#452C28; 
    padding:10px; 
    background-color:#F0ECD5; 
    border-radius:15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -goog-ms-border-radius: 15px} 

:

<meta content='IE=edge' http-equiv='X-UA-Compatible'/> 
<meta content='IE=9' http-equiv='X-UA-Compatible'/> 

여전히 아무것도. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

http://costumingdiary.blogspot.com

+0

좋아요, 제 질문에 대답 한 것 같습니다. 전에 다음 메타 태그를 추가하려고했지만 작동하지 않았습니다. IE7을 참조하는 메타 태그가 머리의 맨 위에 있었는데, 나는 보지 못했습니다. Blogger 템플릿을 수정하고 있습니다. 이제 모서리가 둥글게되었습니다. 하지만 내 배경색이 엉망이되었습니다. 그들은 정상적인 색에서 검은 색과 회색으로 바뀌 었습니다. 그림 창 Blogger 템플릿의 코드 작성자가 IE9에서 작동하도록 코드를 업데이트하지 않는다고 생각합니다. –

+2

자신의 질문에 대한 답을 찾았 으면 다른 사람들이 귀하의 발견으로 도움이 될 수 있도록 답변을 추가하고 "수락"으로 표시하십시오! –

+0

이를 확인하시기 바랍니다 : http://stackoverflow.com/questions/10784999/border-radius-not-working-in-ie9 Espero 바다 백분율을. – user3473248

답변

0

코드는 어떤 meta 태그없이 IE9에서 잘 작동합니다. Demo.

버전에 따라 달라지는 모든 메타 요소를 제거하고 브라우저가 호환 모드 (F12를 누르고 브라우저 모드와 문서 모드가 IE9인지 확인)가 아닌지 확인하십시오.

관련 문제