网页背景图片拉伸效果
来源:互联网 发布:怎么投诉淘宝客服小二 编辑:程序博客网 时间:2024/05/16 05:01
弄了很久才发现原来background-image的大小不会随窗口大小变化,也不会有自动拉伸的效果的。。
然后弄了半天还是用js控制的,网上查的代码加上自己写的,混搭。。然后成功了。。
很明显是瞎猫碰死耗子。。最近放假比较懒,所以没有仔细钻研了。。QQ空间的背景图片控制也是用js的,不过好像用了Bootstrap框架,当时借用没成功。
我自己的代码也很乱的。。而且我也不太明白div的那个style 的设定是为嘛,否则图片周围就会有白色的间距。
<div id="bg" style="width:100%;height:100%;position:absolute;z-index:-1;top:0px; text-align:center; vertical-align:middle;left:0px;"> <img src="img/ly.png" id="back"/> </div>
var winWidth = 0; var winHeight = 0; winWidth=document.documentElement.clientWidth; winHeight=document.documentElement.clientHeight; $(document).ready(function(){ $('#back').css("width",winWidth); $('#back').css("height",winHeight;})
- 网页背景图片拉伸效果
- 网页背景图片拉伸
- UIWebView网页背景拉伸图片
- 网页背景图片拉伸解决办法。。
- 网页背景图片自动拉伸
- 图片拉伸放大效果
- 实用的网页背景图片拉伸css(总结4种)
- 网页背景图片
- ios 图片拉伸 产生气泡效果
- UIUITableView头部图片拉伸放大效果
- 个人中心顶部图片拉伸效果
- 网页背景颜色渐变效果
- 网页背景自动切换效果
- 网页背景效果-canvas-nest
- 动态设置网页背景图片
- JavaScript 网页背景图片随机化
- JavaScript 网页背景图片随机化
- 全屏显示网页背景图片
- poj图论题目
- Java中thread类与Runnable接口的区别
- 理解UIApplication
- Delphi调试服务程序的两种方法
- struts2学习(9)——动态方法调用和通配符
- 网页背景图片拉伸效果
- Java GC 日志详解
- POJ 1844 Sum【简单数学】
- 互联网大会嘉宾眼中的十大创业趋势
- SQL语句 Update和Delete时表关联的写法
- 交换机常用配置(华为)
- JS的几种实现
- 我用asp做的仿百度文库仿豆丁在线文档分享功能,其中横向、纵向显示不人性化?
- hibernate缓存