首页 > 编程学习记录 > 精确控制一张大图在背景图片的显示部分

201706月11

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

作者:admin 0 Comments 发表评论

山东时时彩十一选五 www.zqojk.com.cn 今天调节背景图片,结果发现网站很多的背景图片都是调用的同一个图片,但是显示的内容却不同,我查看处的调用代码如下:

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.zqojk.com.cn/background.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

本文目前尚无任何评论.

发表评论

  • 设计众议院:新时代消费观念造就的全新第八代凯美瑞 2019-06-16
  • 动物园里迎端午 大熊猫爬上爬下吃“粽子” 2019-06-16
  • 石柱:县城市管理局赴三星乡划停车位规范场镇管理 2019-06-16
  • 美媒:朝电视台播放“金特会”纪录片 讲述口吻发生变化 2019-06-15
  • 马尔克斯:多年以后,奥雷连诺上校站在行刑队面前 2019-06-15
  • 全国政协“健全系统性金融风险防范体系”专题协商会 2019-06-15
  • 如何保持胃肠道健康年轻态 来听听这位消化科医生球迷的经验 2019-06-14
  • 西藏昂仁县:保障群众健康生活 用健康扶贫助推精准扶贫 2019-06-14
  • “一带一路”科研院所联盟成立大会在沈召开 2019-06-13
  • 西安高科工程技术学校——陕西省政府直属中等职业院校西安高科工程技术学校2018招生简章-陕西教育新闻 2019-06-13
  • 民生网——人民日报社《民生周刊》杂志官网 2019-06-13
  • 5月一线城市商品住宅销售价格同比下降 二线城市上涨 2019-06-12
  • 友情链接中国国家地理网 2019-06-12
  • 重庆市武隆区:建设“幸福候鸟”工程 2019-06-11
  • 大西高铁忻州站投用时间将延后 2019-06-11
  • 406| 710| 697| 608| 598| 172| 132| 756| 800| 200|