发表于: 2018-09-03 15:20:46
1 647
今天完成的事情:事多,看的较少,只看了background-position和雪碧图
明天计划的事情:1,早上解决任务5,看看还有没有问题,争取快做完。
2,任务6开始布局,header和footer部分
遇到的问题:1、看了下雪碧图 ,和任务6 的图片,不知道雪碧图要用在那一部分。footer吗?
2、这个小三角是css写的还是图片?点一下要效果吗?下拉框吗。
收获:
(1)background-position
定位背景,属性设置背景图像的起始位置
A、body{
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、
、雪碧图定位是容器位置的负数,那不全是负数了么,明天再看看。
评论