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

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-04-18
  • 中青报:“三天朋友圈可见”的背后 2019-04-18
  • 你反来复去说1+1=2,真痴呆了?你应该讲点其他的吧,譬如,1+1=2,是客观事实还是规律,是真理还是谬误。 2019-04-18
  • 新时代 新气象 新作为 学习宣传贯彻党的十九大精神 2019-04-17
  • 向德荣寓言:农夫、青蛙与苍蝇(原创首发) 2019-04-17
  • [安徽新闻联播]安徽:“五纵九横”高速网 畅通美好生活“幸福路” 2019-04-17
  • 砥砺奋进新姿态——党的十八大以来历史性变革系列述评之一(1) 2019-04-16
  • 南水北调中线调水达150亿立方米 2019-04-16
  • 广东中山古镇镇推出“制造业振兴计划” 2019-04-16
  • 高颜值的实力派 试驾奔驰CLA260 4MATIC 2019-04-16
  • 马英九出席佛教祈福活动用喇叭高喊:“两岸和平 台湾繁荣” 2019-04-15
  • 所以,让你和你的四两吓坏了![微笑] 2019-04-15
  • 在虞城,看乡村振兴的曙光 2019-04-15
  • 卢新宁:人民日报为什么要办“人民号”? 2019-04-14
  • 拉萨市今年将完成新建改建公厕500余座 2019-04-14
  • 986| 670| 816| 288| 655| 690| 79| 711| 505| 742|