2016-04-26 4 views
1

翻訳スケーリングなどの変換を使用するzoomoozプラグインを使用してウェブサイトを設計します。 mozillaのような一部のブラウザではすべて正常に動作しますが、画像は変換され、変形後はぼやけてしまう。Blury変換後のクロム画像

thereこの問題については、いくつかの会話です。画像についてはどうですか?どのようにぼかし効果なしでそれらを表示することができます。これは、私たちがウェブサイトで良質の画像を表示するために非常に重要です。

例:

In chrome Version 49.0.2623.112 m

In mozilla fierfox 46.0

+0

を試してみてください、あなたは '-webkit-背面視認性を試してみました:隠された;' – jbutler483

+1

[@Doupixel](HTTPなど://stackoverflow.com/a/8038694/4796321)、Webkitは変換された要素をベクトルとして扱わないため、帽子の品質。画像がぼやけることを意味する場合は、まずは質の高いものがあるかもしれませんので、拡大したり拡大したりすることはできません。 ** exact ** probemに入ることができるように、あなたの質問を改善してください。 – timmyRS

答えて

1

この

img { 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden; 
    -ms-transform: translateZ(0); 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0); 
}