• 北京市北京元之沃4S店【在线咨询】 2019-09-06
  • 指尖触碰 你我结缘丨浙江新闻4周年 我们再出发 2019-09-06
  • 聚焦十九大 专家解读:中国的大国外交彰显哪些理念? 2019-09-01
  • 【聚焦军博会】216个代表团2037个项目将亮相军博会 11大军工集团全部参展 2019-09-01
  • 聚焦机构改革:新部门接连挂牌 快速进入角色 2019-08-28
  • 二手房办证5个工作日搞定 2019-08-28
  • 218万游客在晋中市“粽”情过节 2019-08-22
  • 西安6月以来限购区域内无一家开盘,“摇号细则近日将出” ——凤凰网房产北京 2019-08-22
  • 晓港公园花卉馆南侧场地出租项目 2019-08-21
  • “三个90周年”系列秋收起义90周年纪念活动新闻发布会在昌召开 2019-08-11
  • 打造历史文化名城 “安宁记忆”项目启幕 2019-08-11
  • 罗品禧的专栏作者中国国家地理网 2019-08-10
  • 海淀创业园双创文化:双R沙龙,让创业之路越走越好 2019-08-10
  • 联合国副秘书长盖图中国是全球减贫典范 2019-08-04
  • 走高端路线 北汽与麦格纳拟成立合资公司 2019-08-04
  • 首页 > 编程学习记录 > 精确控制一张大图在背景图片的显示部分

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

    本文目前尚无任何评论.

    发表评论

  • 北京市北京元之沃4S店【在线咨询】 2019-09-06
  • 指尖触碰 你我结缘丨浙江新闻4周年 我们再出发 2019-09-06
  • 聚焦十九大 专家解读:中国的大国外交彰显哪些理念? 2019-09-01
  • 【聚焦军博会】216个代表团2037个项目将亮相军博会 11大军工集团全部参展 2019-09-01
  • 聚焦机构改革:新部门接连挂牌 快速进入角色 2019-08-28
  • 二手房办证5个工作日搞定 2019-08-28
  • 218万游客在晋中市“粽”情过节 2019-08-22
  • 西安6月以来限购区域内无一家开盘,“摇号细则近日将出” ——凤凰网房产北京 2019-08-22
  • 晓港公园花卉馆南侧场地出租项目 2019-08-21
  • “三个90周年”系列秋收起义90周年纪念活动新闻发布会在昌召开 2019-08-11
  • 打造历史文化名城 “安宁记忆”项目启幕 2019-08-11
  • 罗品禧的专栏作者中国国家地理网 2019-08-10
  • 海淀创业园双创文化:双R沙龙,让创业之路越走越好 2019-08-10
  • 联合国副秘书长盖图中国是全球减贫典范 2019-08-04
  • 走高端路线 北汽与麦格纳拟成立合资公司 2019-08-04
  • 四川时时走势图结果 十三水的技巧和精华 山西十一选五购买 内蒙古时时走势图经 pc蛋蛋28公众号购买 竞彩足球360彩票混合 国际麻将番数 8112www九龙心水 一零计划和明日方舟 重庆时时彩apk安卓系统