分类分类
更新时间:2026-04-09 12:50:47作者:网络
案例:想让一张图片占据整个屏幕,也就是说,当屏幕变大时背景图片也变大并占据整个屏幕,要求一定兼容ie
一、CSS处理方法(仅IE)
二、把背景图片做的足够大
一般情况下,我们设计给我的图都是1440*900的极限,然后居中显示就会适应大部分的屏幕了。可是现在显示器越来越大,加上Mac下Retina屏超高分辨率的虐待...当分辨率超过背景图大小时,边上就会变成背景色了。
所以最直观的方法就是将背景图的大小,翻倍,翻倍,再翻倍....只要超过主流浏览器最大分辨率就好了。
不过弊端很明显,过大的图片会极大的影响网页的加载速度。
三、用Js/jQuery控制大小(这其实是种假象的背景自适应)
利用加入个<img>标签,将z-index设置的低一些,然后用Js/jQuery监视窗口大小,然后改变图片的长宽就好了。(详细Google)
不过,这种方法,当图片被拉伸或压缩的过于严重的时候会非常可怕的.....
而且,如果屏蔽右键功能会很蛋疼;不屏蔽右键功能就露怯了。
四、利用<img>元素自适应。
这个其实和三差不多,如果是整个网页的背景,在起始<body>后马上加上<img>然后将CSS设置
width:100%;
height:100%;
这样,图片就会随着浏览器的放大缩小自动缩放了。弊端也和三差不多。
相关
呱呱AI英语(儿童英语启蒙平台)学习办公334.6 MBv1.3.32026-04-09
下载附近先遇2026下载社交通讯86.0 MBv1.1.412026-04-09
下载变种人吃了我的胡萝卜解锁关卡(冒险童话游戏)趣味娱乐1.20 GBv1.032026-04-09
下载重返战场:特战精英2026下载趣味娱乐99.0 MBv4.12026-04-09
下载手机计算器免费(多功能计算工具)生活服务54.0 MBv1.0.82026-04-09
下载风筝飞呀最新手机版社交通讯64.2 MBv1.1.92026-04-09
下载万用智能点击器(自动化点击工具)生活服务50.7 MBv1.0.02026-04-09
下载天气精准预警(天气查询应用)生活服务46.1 MBv1.00.032026-04-09
下载汽果免费音乐2026最新版本影音播放72.5 MBv1.0.22026-04-09
下载万年吉日日历(黄历天气查询)生活服务40.9 MBv1.0.02026-04-09
下载次元锚2026最新版本社交通讯46.2 MBv1.0.12026-04-09
下载生存战争虫虫助手(沙盒生存战)休闲益智45.0 MBvAPI1.9.0.22026-04-09
下载










