0

imageuploadimg.pngimageuploadimg@2x.png

div の Retina 背景画像を設定しました。Firefox では正しく表示されますが、Chrome では暗く見えます。この問題を解決するにはどうすればよいですか? フィドルを参照

chrome と firefox の出力の違い

HTML

<div class="retina_img">

</div>

CSS

.retina_img
 {
    background: url("imageuploadimg.png") no-repeat scroll 0 50% / 100% 100% #FFFFFF;
    background:-webkit-image-set( url('imageuploadimg.png') 1x,url('imageuploadimg@2x.png') 2x);
    width: 142px;
    height: 101px;
}
4

0 に答える 0