둥근 모서리가 반올림되지 않았습니다.

Question

단서가 있습니까? 는 pie.htc 시도하지만 그것은 그것과 같이 IE9 + 코드를 기대하고 브라우저에게하는 데 도움이 될 수 있습니다

.vjs-default-skin .vjs-big-play-button { 
    -moz-border-radius: 25px; 
    -webkit-border-radius: 25px; 
    border-radius: 25px; 
    behavior: url(bla bla/PIE.htc); 
    position: relative; 
} 

Answer 1

을 작동하지 않습니다 :

이

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

(Support for "border-radius" in IE 참조)

Answer 2

을

CSS3Pie에 문제가 발생했습니다. 전체 설명을 보려면 Known Issues page을 읽어보십시오. 그러나 일반적으로 상대 경로가 있거나 htaccess 파일의 .htc에 적절한 콘텐츠 유형이없는 문제가 있습니다.

Answer 3

".htc"파일 링크에 문제가 있다고 생각합니다. 나는 같은 문제가 있었고 PIE.htc (PIE.php를 사용했다. PIE.htc가 포함되어 있고 .htaccess 파일에 문제가 없다. 둥근 모서리가 파이어 폭스 (예 :)에서 작동하고 IE8 이상이 작동하지 않으면 PIE 파일의 링크에 문제가 있어야합니다. 둥근 모서리를 사용했던 파일에서 htc 파일에 대한 링크를 만들어야합니다 (CSS 파일이 아니라 home.php와 같은).

코드가 없으면 테스트 페이지 나 이와 비슷한 것이 문제를 테스트하여 "여기에 문제가 있습니다."라고 말합니다.

Answer 4

현재보고 계신 내용은 IE 9, 그라디언트 배경 및 CSS3 테두리 문제입니다. 버전 3.2.0에서는 기본 스타일의 329 행에서 Big Play Button (at start)에 대한 참조를 찾을 수 있습니다. IE 9가 filter 선언을 포착합니다.

background: #454545; 
background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f)); 
background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%); 
background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%); 
background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0); 
background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%); 

당신이 SVG 이미지 그라데이션을 추가하고 조건부 주석을 사용하는 경우

은 둥근 테두리와 그라데이션 배경을 얻을 수있는 필터를 제거합니다. Colorzilla's Gradient Generator과 같은 것을 사용하면 도움이됩니다.

CSS : 당신의 HTML에

background: #454545; /* Old browsers */ 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */ 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 51%, #3f3f3f 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(51%,#161616), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0); /* IE6-8 */ 

어딘가에 :

<!--[if gte IE 9]> 
<style type="text/css"> 
.vjs-default-skin .vjs-big-play-button { 
    filter: none; 
} 
</style> 
<![endif]--> 

희망하는 데 도움이됩니다. 숨겨진

Answer 5

는

오버 플로우가, CSS 파일이 선언보십시오.