CSS 背景图片剪裁问题

html-css019

CSS 背景图片剪裁问题,第1张

这个就叫css sprite技术,可以使用背景图片的坐标来达到所要图片的部分内容,代码如下:

background:url(../images.1.jpg) 10px 20px no-repeat

要调整背景图的渲染尺寸,需要用到background-size这个样式规则,但这是CSS3新增的,所以目前暂时没有全兼容的解决方案。

哦,这个意思,那么如果你贴背景图的容器高度与背景图那几个logo一致,就采用纵向排列图片,垂直定位的方式;如果容器宽高都比logo尺寸大,那就没办法了,再嵌入一个小容器专门显示这个图标吧。