原本准备学习的是background在CSS3中跟新的三个属性: background-size, background-clip, background-origin. 谁知道特么的被background-attachment的fixed值给坑了一把。
先自我反省一番,其实在处理这个问题上我是有很大的问题的:
虽然基础没打好是一回事,但是主要的是思维太烂。
1. 没能静下来思考,以为这个是很熟悉的,随便改改就好,浮躁了。真是一个大问题。
2. 没有按原本准备的遇到问题的解决方法,说好的锻炼思维的。一遇到这种问题全忘了。
background-attachment:fixed,整个背景就会相对于浏览器窗口的可见部分定位,而不是包含块。
典型的例子是,如果设置为居中,收缩浏览器的窗口,图片的位置就会从以前的位置移动到另外一个位置以确保图片永远是相对于浏览器可见窗口居中的。(改变窗口后需要刷新)
接下来就该是讲讲正题啦! 其实相当简单。
1. background-size:背景图片的大小。适合常规的表示大小的单位。
2. background-clip: 与背景色backgr-color相关,而与背景图片background-image无关。
3. background-origin 与背景色backgr-image相关,而与背景图片background-color无关。
剩下的明天再更,室友睡觉