Question

我收到了一些标志精灵here。

它基本如何运作：
它有一个包含所有标志的png文件，用作类的背景。每个标志都有一个不同的子类，它设置为背景位置。

.flag {
width: 18px;
height: 12px;
background:url('images/flags.png') no-repeat
}

.flag.flag-ao {background-position: -18px 0}

不幸的是，它太小了，你需要一个放大镜有没有办法缩放/拉伸它？

（我尝试了height和width，但他们只是发现其余的旗帜）

Answer 1

我做到了这一点但是由于拉伸，图像会模糊检查它是否适合您

     .flag.flag-ao {background-position: -18px 0; 
        -webkit-transform:scale(3,3);
        -moz-transform:scale(3,3);
        -ms-transform:scale(3,3);
         transform:scale(3,3);
     }

Check on fiddle

拉伸图像CSS？

1 个答案: