ie9 배경 그라디언트의 하단 부분을 렌더링하지 않습니다.

Question

저는 Wordpress를 사용하는 웹 사이트와 320press의 wp-bootstrap 테마를 만들고 있습니다. 나는 그것에 대한 내 견본 테마를 만들었고, 페이지로드시 보이지 않는 부분 인 웹 사이트의 맨 아래 부분이 결코 렌더링되지 않은 것처럼 회색으로 바뀌는 IE를 제외하고는 모두 잘 작동합니다. 그래서 아래로 스크롤 할 때까지 사이트는 괜찮아 보입니다.

저는 이것을 3 가지 IE9 인스턴스에서 테스트했습니다.

다른 사람이 그러한 렌더링 오류를 본 사람이 있습니까? 인터넷에서 아무것도 찾을 수 없으며 html이나 css에서 오류를 볼 수 없습니다.

나는 웹 사이트를 가리 싶지만, 그것은 단지 순간에 로컬로 존재한다.

편집 :

가

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6dae0', endColorstr='#7490a0',GradientType=0); 

문제가 사라집니다 :이 규칙을 비활성화하여 것으로 나타났다. 불행히도 그라데이션하지 않다

background: rgb(214,218,224); 

로 대체된다.

jsfiddle : http://jsfiddle.net/3AFw8/2/에서 문제를 재현하려고했지만 완벽하게 작동합니다.

Answer 1

나를 위해 내가 사용하는 것이 좋습니다 것입니다 IE9

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGFlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NDkwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 

에 대한 렌더링하는 .SVG를 사용합니다 : http://www.colorzilla.com/gradient-editor/