IE에서 테두리 반경 및 그라데이션 배경을 가져 오는 방법이 있습니까?

Question

javascript를 사용하거나 IE에서 테두리 반경 또는 그라데이션 배경을 표시하는 데 사용하는 해결 방법이 있는지 궁금합니다.

Answer 1

적어도 반경/코너 항목에 대한 jquery.

그라데이션 배경의 경우 this을 참조하십시오.

Answer 2

IE9에서 '그라디언트 및 경계선 반경'을 사용하여 수정되었습니다. 그리고 네, 사실 IE9에서 두 가지를 모두 사용할 수 있지만, 아쉽게도 함께 사용할 수는 없습니다.

문제는 aa는 몇 군데에 설명되어 있습니다 :

• http://abouthalf.com/2010/10/25/internet-explorer-9-gradients-with-rounded-corners/
• http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
• IE9 border-radius and background gradient bleeding

문제는 IE의 오래된 좋은 재생되지 경계 반경과 관련이있을 것으로 보인다 필터 그라디언트. 안타깝게도 IE9의 출시로 인해 적절한 CSS 그래디언트가 제공되지 않았습니다.

Answer 3

둥근 모서리에는 jQuery를 사용할 필요가 없으며, JavaScript가 비활성화 된 경우에도 브라우저가 제대로 작동하도록하는 솔루션이 있습니다.

체크 아웃 http://css3pie.com/은이 작업을 수행하는 데 매우 간단한 솔루션 (htc 파일)을 제공합니다. monn은 IE9 그라디언트와 반지름이 함께 작동하지 않는다고 지적 했으므로 Css3Pie는 css3 마크 업과 함께 개발할 수 있도록 의도되었지만 IE6에 대한 백업을 백업에 제공합니다.

또한 css3please 및 나침반 (루비 용)이 있습니다.

이 문제는 최근 HTML5 Boilderplate 문제 큐 (HTML5 Boilerplate는 모든 플랫폼의 시작점으로 현대 웹 마크 업에서 최상의 기술을 모으기위한 잘 검증 된 공동 작업입니다)에서 논의되었습니다. https://github.com/paulirish/html5-boilerplate/issues#issue/354

는 여기에 문제 & 솔루션의 데모입니다 : http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

Answer 4

이 아주 새로운 : https://github.com/bfintal/jQuery.IE9Gradius.js이

그냥 머리 태그에 마지막으로 스크립트를 포함하고 나머지를 처리해야합니다. readme 참고 사항 참조