主要是属性background-position的应用

可取三种类型的值:

1. top right bottom left center

2. x% y%

3. xpos ypos

应用示例:

1. 设置一个button的默认状态和hover高亮

确定

 

2. 背景图片出现在元素的任意位置,以“右边框”为例

 

 

3. css sprites 选一张大图的一部分做背景,如input的背景图等

确认

 

小结,被普遍认可的css sprites可以减少http请求次数,把页面上需要的所有小图标合成一张大图加载是不错的选择

但新手们往往会被大图搞晕乎,其实,我们可以通过设置background-position只显示我们需要的部分

合理使用background-position的top right ...值,可以稍微减少你量尺寸的时间 

要说有一点局限,就是不能repeat了。

希望有一款自动将一个文件夹所有图片合成一张大图的软件。当然,背景要透明。请高手推荐

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-29
  • 2021-10-23
  • 2022-12-23
  • 2021-06-25
  • 2021-10-27
猜你喜欢
  • 2022-01-24
  • 2021-12-16
  • 2022-12-23
  • 2022-03-02
  • 2022-01-01
相关资源
相似解决方案