首页 >> 技术文章 >> 详细内容
如何让图片固定在网页的某个位置

如何让图片固定在网页的某个位置,而且不管屏幕的分辨率如何变化,图片的都能相对显示?

首先我们要了解DIV+CSS网页的绝对定位position:absolute和相对定位position:relative

我们绝对定位图片后,会随着游览器窗口的大小而改变,而相对定位就不会。

如果一张背景图片要求要全屏显示,也是自动适应屏幕的分辨率,除了设置图片的宽度高度100%让其拉伸,拉伸后就会失真。

如果背景图片是单色调,渐变等,而不是复杂的图片,你可以截取它的一部分,再利用代码使其平铺。就好比win系统桌面背景平铺,拉伸桌面背景图是一个道理。

另外用相对定位,position:relative;直接指定left和top值就可以了。

南京服务器托管 | 南京服务器租用 | 南京网站建设 | 南京企业建站 | 南京服务器代维 | 虚拟主机 | 顶级域名 | 网站优化 | 网站推广 | 南京中绘谷网络数据中心467.cn
| 整理发布 | TEL:13913852884,025-58633651,QQ:21390019 

发布者:admin 发布时间:2013/8/13 阅读:3155

Baidu
Copyright © 2002-2021 467.Cn All rights reserved    南京华昊网络技术有限公司    版权所有
备案序号:苏ICP备13052121号    ISP经营许可证:苏B2-20080166    ICP/SP经营许可证:苏B2-20130350      苏公网安备 32011102010099号
地址:南京市江北新区大桥北路77号电信大楼5楼    电话:025-58633651(8线)  13913852884  传真:025-58497310    E-mail:467cn@163.com    邮编:210032
网址:Www.467.Cn    QQ在线支持:点击这里给我发消息 点击这里给我发消息