CSS中 .nav{background:url(img/bgli_left.gif) repeat-x scroll left bottom;}重点解释scroll重点解释scroll.X轴左下角平铺

来源:学生作业帮助网 编辑:作业帮 时间:2024/11/30 12:11:07
CSS中 .nav{background:url(img/bgli_left.gif) repeat-x scroll left bottom;}重点解释scroll重点解释scroll.X轴左下角平铺
xU]OP+!؍oRn@Z #DEQ!Ո Yi{B7Kr>y ŅFEIZjivMJLI.,$VdyzZKB"A9*&Ȳ1Z/-nF`>cRp#ZbůAm]icp/R{`Ъ+T}@@,* ㈶K\ 8읹Kҵ}&b2{F_{H?*I#lf&D= Q^JurSnSp[غDR+8:~>V{|ƛ\7*wWù[R}j|Ԯ_9nmTdX ]Ԃy

CSS中 .nav{background:url(img/bgli_left.gif) repeat-x scroll left bottom;}重点解释scroll重点解释scroll.X轴左下角平铺
CSS中 .nav{background:url(img/bgli_left.gif) repeat-x scroll left bottom;}重点解释scroll
重点解释scroll.X轴左下角平铺

CSS中 .nav{background:url(img/bgli_left.gif) repeat-x scroll left bottom;}重点解释scroll重点解释scroll.X轴左下角平铺
background-attachment:{fixed|scroll} 背景图像是否固定或者随着页面的其余部分滚动
  scroll 默认.背景图像会随着页面其余部分的滚动而移动.
  fixed 当页面的其余部分滚动时,背景图像不会移动.
  例:
  body
  {
  background-attachment:fixed;
  background-image:url(pic.jpg);
  }
background-position:{位置值} 属性设置背景图像的起始位置.
  top left
  top center
  top right
  center left
  center center
  center right
  bottom left
  bottom center
  bottom right
  x% y%
  xpos ypos
  使用百分数定位时,其实是将背景图片的百分比指定的位置和元素的百分比位置对齐.也就是说,百分数定位是改变了背景图和元素的对齐基点.不再像使用像素和关键词定位时,使用背景图和元素的左上角为对齐基点.例如上例的background-position:100% 50%; 就是将背景图片的100%(right) 50%(center)这个点,和元素的100%(right) 50%(center)这个点对齐.
  使用数值需要注意的是,当只有一个数值时,这个值将用于横坐标,纵坐标将默认是50%.
  例:
   body
  {
  background-image:url(pic.jpg);
  background-position:top;
  }