2014-11-07 5 views
1

IE10 및 IE11에서는 이미지에 SVG 태그를 사용해야합니다.
이미지가 올바르게 렌더링되지만 스타일은 (경계선 반경)이 아닙니다.
IE10 +의 이미지에 (테두리 반경)의 스타일을 적용하려면 어떻게해야합니까?
CSS를 사용한 SVG 이미지

border-radius: 4px; 

나는 모든 주요 브라우저를 지원해야 (웹킷, 모질라, IE8 +)


내 예를
여기 http://jsfiddle.net/KDtAX/3298/
당신이 을 볼 수 있습니다 (모두에서 브라우저, 제 생각 엔 IE10 제외) 이미지에 라운드 - 하지만 IE10 +에서 열면 그렇지 않습니다.

가능한 해결책을 설명하는 게시물을 발견했습니다.
다음은 라이브 example

+1

둥근 모서리를 ie10 및 ie11에 추가하고 싶습니까? – Stefan

+0

@ 스 테판. 끝난. – demo

+0

for IE8 + 여기에있는 것을 사용해야합니다. http://stackoverflow.com/questions/9426979/border-radius-for-ie8 – docodemore

답변

0

작업입니다 : http://jsfiddle.net/KDtAX/3304/

새로운 코드 :

svg, img { 
    border-radius: 8px; 
    border: thin solid black; 
} 

내가 필요했던 모든이 SVG에 대한 규칙 및 IMG 생각.

+0

제가 잘못 입력했는지 알려주세요. 내 대답을 삭제하겠습니다. :) – docodemore

+0

thanks :). 하지만 여기에 다른 문제가 있습니다 : http://i.imgur.com/Msw9Dc7.png 크기가 필요합니다. 나는'svg'에 어떤 이미지가 있을지 모르므로 javascript 여야합니다. – demo

+0

크기를 말할 때, 당신은 무엇을 의미합니까? max-width를 사용할 수 있습니까? 심? 기타? – docodemore