CSS背景图片实现自适应、全屏、填充与拉伸的方法

最新推荐文章于 2024-06-17 10:49:59 发布

迷之珊瑚

最新推荐文章于 2024-06-17 10:49:59 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签： css

原文链接：https://blog.csdn.net/u014763002/article/details/52636281

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>CSS背景图片实现自适应、全屏、填充与拉伸的方法</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
    $('#formbackground').height($(window).height());
    $('#formbackground').width($(window).width());
});
</script>
</head>
<body>
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">  
<img src="http://v.bootstrapmb.com/2019/10/lm2of6197/images/bg-home.jpg" height="100%" width="100%"/>  
</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

迷之珊瑚

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS背景图片实现自适应、全屏、填充与拉伸的方法

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>CSS背景图片实现自适应、全屏、填充与拉伸的方法</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min....
复制链接

扫一扫