发表于: 2018-09-03 15:20:46

1 646


今天完成的事情:事多,看的较少,只看了background-position和雪碧图

明天计划的事情:1,早上解决任务5,看看还有没有问题,争取快做完。

                        2,任务6开始布局,header和footer部分
遇到的问题:1、看了下雪碧图 ,和任务6 的图片,不知道雪碧图要用在那一部分。footer吗?

                  2、这个小三角是css写的还是图片?点一下要效果吗?下拉框吗。

收获:

(1)background-position

定位背景,属性设置背景图像的起始位置

Abody{

  background-image:url('/i/eg_bg_03.gif');

  background-repeat:no-repeat;

background-attachment:fixed;(需要把 background-attachment 属性设置为 "fixed",才能保证该属性在 Firefox 和 Opera 中正常工作。)

  background-position:center;

}

B、使用百分比来设置属性值,是以自身容器的长宽 减去 图片的长宽 乘以 百分比所得的数值来确定图片的起始位置。 公式:    (容器自身的宽度/高度 - 图片自身的宽度/高度) x 百分比 

2、

、雪碧图定位是容器位置的负数,那不全是负数了么,明天再看看。


返回列表 返回列表
评论

    分享到