博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用JQuery的全屏背景图片,自动适应各种屏幕和浏览器
阅读量:5887 次
发布时间:2019-06-19

本文共 443 字,大约阅读时间需要 1 分钟。

在你的HTML文档加载jQuery库直接从谷歌的CDN

上面的代码可以插入您的文档头内部的标签,或在最底层,收盘前体标签(通常是建议,以获得更好的性能)。

添加背景图片的标记

 

更改源属性图像name.jpg映像路径和设置它的实际宽度和高度属性。
 
图像容器的CSS:
body{
margin:0px; padding:0px; background:#000;}#bg{
position:fixed; z-index:1; overflow:hidden;}

接下来,我们需要插入一切工作的中心STRECHING proportionaly我们的形象,它的??实际功能。所以在jQuery的夹杂物插入:

此功能使图像的宽度和高度伸展,这取决于浏览器和图像尺寸比例。
 
最后,插入的功能,来检查时,我们的页面加载和浏览器的大小:

 

 

转载于:https://www.cnblogs.com/shcolo/p/3267875.html

你可能感兴趣的文章
log4j
查看>>
自定义TabControl
查看>>
配置ORACLE 11g绿色版客户端和PLSQL远程连接环境
查看>>
wordpress wp_head()函数 浏览器顶部 空白28px 解决办法
查看>>
读书笔记:改变人心的技巧
查看>>
poj1135
查看>>
MATLAB实现频数表——hist的使用
查看>>
iphone 线程 NSCondition NSThread
查看>>
NSURLConnection下载文件并显示进度(HEAD)
查看>>
在Firefox中使用超级Bookmarklet
查看>>
Content type and column用法示例代码来自SharePoint会议
查看>>
JAVA开发常用类(五)
查看>>
设置让EditPlus不产生BAK文件
查看>>
php内置函数实例教程
查看>>
为了有利于保护安全性,Internet 已限制网页运行可以访问计算机的脚本……”...
查看>>
设计模式:外观模式(Façade Pattern)
查看>>
VC:画图
查看>>
ASP.NET中 DataList(数据列表)的使用前台绑定
查看>>
Entity Framework Code First 的用途 和 原理 -摘自网络
查看>>
百度api基本功能与dragging事件的实现
查看>>