4
CSS PIE 및 필터를 사용하여 IE9의 경계 반경 및 선형 그래디언트 문제를 CSS로 극복했지만 그 결과에 만족하지 않습니다. 선형 그라디언트로 테두리 반경을 구현하는 방법이 있습니까?IE9 문제 국경 반지름 및 선형 그래디언트
A
답변
6
그래 : IE9에서 SVG 배경 이미지를 사용하여 선형 그래디언트를 구현하십시오.
몇 가지 온라인 그라디언트 생성기가 출력물에이 옵션을 제공합니다. 예 : http://www.colorzilla.com/gradient-editor/ (결과 체크 박스 아래의 "IE 9 지원"체크 박스를 선택하십시오).
고맙게도 SVG 배경은 filter으로 구현 된 그라데이션과 달리 IE 9에서는 border-radius으로 잘립니다.
관련 문제
- 1. IE9 국경 반경 CSS를
- 2. IE9 그래디언트 + 이미지
- 3. SVG 선형 그래디언트 정의
- 4. 플래시 AS3 선형 그래디언트 회전 문제
- 5. 선형 그래디언트 라이브러리
- 6. 화면 크기의 백분율로 나타낸 그래디언트 반지름
- 7. Chrome 및 Safari 브라우저의 선형 그래디언트
- 8. 순수 CSS 선형 그래디언트 테두리
- 9. CoreGraphics를 사용한 선형 그래디언트 앨리어싱
- 10. SVG -> WPF 선형 그래디언트
- 11. 선형 그래디언트 브러시에 직사각형 채우기
- 12. 선형 레이아웃의 경우 xml의 그래디언트
- 13. 2D 배열에서 선형 그래디언트 만들기
- 14. 일치하는 요소가 아닌 선형 그래디언트
- 15. 라파엘로 수평 선형 그래디언트 생성하기
- 16. WinForms의 다중 색상 선형 그래디언트
- 17. CoreGraphics에서 둥근 선형 그래디언트 (또는 확장 방사형 그래디언트)를 그립니다.
- 18. Firefox에서 SVG 선형 그래디언트 크기가 변경되지 않습니다.
- 19. 카이로 Win32 이중 버퍼링 선형 그래디언트
- 20. TD 국경 문제 Firefox
- 21. IE7 국경 문제
- 22. JSChart 국경 문제
- 23. TableLayout 국경 문제 Android
- 24. 국경 반경 문제 CSS
- 25. 파이어 폭스에서 선형 그래디언트 + 배경 크기가 작동하지 않습니다.
- 26. Delphi : GDI + 및 그래디언트 프레임/사각형 문제
- 27. CSS 그래디언트 문제
- 28. 그래디언트 위의 CSS 그래디언트 및 배경 이미지
- 29. 방사형 그래디언트 CSS 문제 예 :
- 30. 국경 붕괴와 국경 바닥
고맙습니다. 고맙게도 작동합니다. –
sorrie도 배경이 작동하지 않습니다. –
@SUJITHREDDY : 사과 할 필요는 없지만 도움이 필요하면 작동하지 않는 코드를 표시해야합니다. http://jsfiddle.net/에 게시 할 수 있습니까? –