0

IE10/IE11에서이 svg가 올바르게 표시되는 데 문제가 있습니다.IE10/IE11의 CSS3 변형 문제

Chrome과 Firefox에서 잘 작동합니다.

여기 내 상황이 CodePen입니다.

의견이 있으십니까? 단순화 된 테스트와

답변

0

시작 :

<!doctype html> 
<head> 
    <style> 
    .rack-edit { transform: rotateY(140deg); } 
    .figure { display: block; width: 500px; height: 300px; } 
    </style> 
</head> 

<div class="rack-edit">  
    <figure class="back"> 
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="444" height="294"> 
     <rect stroke="black" stroke-width="10" width="10" height="10" /> 
    </svg> 
    </figure> 
</div> 

세 가지 브라우저에서 동일하게 작동하고 거기에서 갈 것을 가져옵니다.