zoukankan      html  css  js  c++  java
  • css backgroundposition

    主要是属性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了。

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

  • 相关阅读:
    控制容器的反转和依赖注入模式
    缓存和内存区别
    数据库知识总结:sqlserver中事务总结:begin tran,rollback tran,commit tran +IndexDB总结
    SqlServer数据库1433端口问题1
    网络配置:IP+NETMASK+GATEWAY+DNS
    Shell脚本中非交互式修改密码的方法(转)
    Linux之sed:删除某行以及替换
    每日命令:(3)pwd
    Linux目录结构详细介绍
    关于Linux字符集的查看及修改
  • 原文地址:https://www.cnblogs.com/frostbelt/p/2631210.html
Copyright © 2011-2022 走看看