SVG背景在IE不同的旋轉

我真的嘗試使用SVG圖像作爲畫面的底色來創建跨瀏覽器的寶麗來的效果看這裏 http://www.sitepoint.com/examples/svg/gallery.php SVG背景在IE不同的旋轉

如果您使用IE9，你應該注意到，在第一次看的問題 - SVG背景在IE中旋轉方式不同。問題只出現在IE中，似乎與後臺大小的屬性有關。如果我在IE背景大小切換並旋轉屬性，IE開始正確顯示一切！

有沒有人有解決這個問題？使用瞬間

CSS我真的：

.image img { 

    border: 0px solid #000; 
    background-color: #fff; 
    height:275px; 
    background: url(/test/images/polaroid.svg); 
    -moz-background-size: 100% 100%; 
    background-size: 100% 100% ; 
    margin: 25px auto 45px 35px; 
    display:inline-block; 
    padding:4% 5.5% 6% 4%; 
    list-style: none; 
    -webkit-transform: rotate(-10deg); 
    -moz-transform: rotate(-10deg); 
    -o-transform: rotate(-10deg); 
    transform: rotate(-10deg); 
    -ms-transform: rotate(-10deg); 

}

我只談論IE9在這裏！對於7和8我使用progid：DXImageTransform.Microsoft.Matrix

來源

2012-07-09 dogcat

如果你使用SVG作爲背景 - 所以你可以在SVG上做所有的內部圖片。對於IE8-使用svgweb。

對於旋轉使用transform="rotate(-30)"在裏面的SVG。

因此，在每個<li>你將有SVG。它將在所有瀏覽器中同樣工作。

來源

2012-07-09 08:24:57 Rustam

SVG背景在IE不同的旋轉

回答

相關問題