http://122.114.139.165/demo.html (拷贝的,网页比较老08年以前的)
上面的网页里面的红色背景的部分
他是通过body的背景图片来实现 红色栏目和黄色栏目的背景图展示 并且可以随着屏幕尺寸变化而变化
backgroun-position 的百分比例
相当于 (元素width-背景图片width)*百分比例 + “px”
我想问的是
body中红色栏目的百分比例
body背景图片的background-position的比例
背景图片中红色占据width相对于整个图片的with的百分比例
这三个之间数字关系?
我看着答案算出来的是三个值是相等的。(其实不是算出来的,就是写到最后对比下答案得出的结果)
假设body width 是bw 比例是 brotate
假设background-postion 比例是 bpbrotate
假设红色部分占据背景图比例是 bimgrotate
背景图片widht是 bgw
bw *brotate = (bw - bgw)*bpbrotate+ bgw*bimgrotate;
其中bw是可以不断发生变化的值
好吧 三个比例值的关系怎么算? 照着答案看 三个相等就对了
不过还是想知道不知道答案该怎么搞?
相关分类