如何使背景图片铺满网页

如何使背景图片铺满网页,第1张

获取浏览器可见区高度(滚动条宽度以排除)

documentdocumentElementclientHeight

获取浏览器可见区宽度(滚动条宽度以排除)

documentdocumentElementclientWidth

获取文档高度(建议用浏览器可见区域高度)

documentbodyclientHeight

用screen获得的为屏幕分辨率,只有用户在全屏看网页时网页大小才等于屏幕的分辨率

设置body的背景

documentbodystylebackgroundImage=‘地址’

这种方法是比较精确的控制方法,可以根据获取到的相关大小来控制背景

这种方法的好处就是:如果你的同一个背景有很多不同的分辨率,在页面呈现上会更美观

缺点是:必须根据多种不同大小制作多张背景,且调用哪张不易确定

用绝对定位设置背景的方式的好处是:方便代码的书写

绝对定位缺点是:背景要大而清晰,否则在大尺寸屏幕上会出现背景模糊的情况,且若比例与屏幕比例不同(如4:3和16:9),会变形

用作为背景插入到幻灯片它会自动布满页面。

PPT2007中方法:右击页面空白处——设置背景格式——填充——或纹理填充——插入自:文件——找到并选择保存的背景——插入——全部应用——关闭即可。看上图你的意思可能是PPT放映时要让屏幕全屏而上下左右没有空白,应该设置页面的宽高比和放映PPT的电脑屏幕的宽高比一致。比如你的电脑的宽高比为m,页面设置中,高1905不变,把宽设置成1905m就行了。PPT2007中,设计页面设置调整宽高比。但是,如果制作PPT时页面设置不同放映时内容有些变形。

欢迎分享,转载请注明来源:浪漫分享网

原文地址:https://www.hunlipic.com/jiehun/122417.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-06-17
下一篇2023-06-17

发表评论

登录后才能评论

评论列表(0条)

    保存