• 加速冲刺“第一个百年目标”——落实两会精神打好全面建成小康社会三大攻坚战 2019-07-20
  • 滨河西路南延工程进入路基施工阶段 2019-07-19
  • 《中国独角兽企业价值榜》和《中国瞪羚企业价值榜》发布 2019-07-19
  • 闪崩股有点多!每个背后都有个质押爆仓的惊心故事,这51股质押比例超60% 2019-07-13
  • 中国保险行业协会发布汽车后市场配件合车标准 2019-07-09
  • 切切切,端午节安康! 2019-07-09
  • 探索西部引才用才新机制 打造四川转型发展新引擎 2019-07-03
  • 女性之声——全国妇联 2019-06-28
  • 中共中央政治局集体学习 2019-06-26
  • 宝马、MINI与劳斯莱斯多款车型召回 共涉及5829辆 2019-06-26
  • 镇江破部督最大骗取出口退税案 2019-06-24
  • 海军第二十九批护航编队滨州舰技术停靠西班牙 2019-06-24
  • 段健的专栏作者中国国家地理网 2019-06-24
  • 马克思主义哲学是帮助我们看清世界的一双“慧眼” 2019-06-23
  • 外卖小哥选择为生命“引航”,网友疯狂点赞… 2019-06-19
  • 首页 > 编程学习记录 > 精确控制一张大图在背景图片的显示部分

    201706月11

    精确控制一张大图在背景图片的显示部分

    作者:admin 0 Comments 发表评论

    曾道人新报跑狗 www.jmuag.tw 今天调节背景图片,结果发现网站很多的背景图片都是调用的同一个图片,但是显示的内容却不同,我查看处的调用代码如下:

    background:url(images/bg.gif) right -181px

    最开始就是弄不明白,这个right -181px,是什么意思?估摸着是控制显示背景图片bg.gif的哪一部分的,但是具体还是不太清楚。

    后面找到了燕18的视频教程,刚好讲了这个问题,这里也顺便推荐下他的教程://study.163.com/course/introduction.htm?courseId=432008,学了第27课就明白了:

    背景图片显示的大小,局限在所在的父元素里,背景图片可以拉伸。在计算机里,左上角是原点,往右是横坐标正方向,往下是纵坐标正方向,如上面的例子里,如果改成代码:

    background:url(images/bg.gif) 10px -181px

    那就意味着把背景图片往右拉10像素,往上拉181像素,这也是像素为负值的意思。

    推荐阅读相关文章:编程学习记录

    本文地址://www.jmuag.tw/background.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    本文目前尚无任何评论.

    发表评论

  • 加速冲刺“第一个百年目标”——落实两会精神打好全面建成小康社会三大攻坚战 2019-07-20
  • 滨河西路南延工程进入路基施工阶段 2019-07-19
  • 《中国独角兽企业价值榜》和《中国瞪羚企业价值榜》发布 2019-07-19
  • 闪崩股有点多!每个背后都有个质押爆仓的惊心故事,这51股质押比例超60% 2019-07-13
  • 中国保险行业协会发布汽车后市场配件合车标准 2019-07-09
  • 切切切,端午节安康! 2019-07-09
  • 探索西部引才用才新机制 打造四川转型发展新引擎 2019-07-03
  • 女性之声——全国妇联 2019-06-28
  • 中共中央政治局集体学习 2019-06-26
  • 宝马、MINI与劳斯莱斯多款车型召回 共涉及5829辆 2019-06-26
  • 镇江破部督最大骗取出口退税案 2019-06-24
  • 海军第二十九批护航编队滨州舰技术停靠西班牙 2019-06-24
  • 段健的专栏作者中国国家地理网 2019-06-24
  • 马克思主义哲学是帮助我们看清世界的一双“慧眼” 2019-06-23
  • 外卖小哥选择为生命“引航”,网友疯狂点赞… 2019-06-19
  • cc彩票平台出租 天天斗地主百人牛牛有什么规律 巴列卡诺vs皇马前瞻 天津时时彩开奖公告 重庆快乐10分直播 69期反咬一口一尾中特 1000炮捕鱼机金蟾捕鱼 皇马对维戈塞尔塔直播 体彩31选7走势图12099 糖果派对3电子