背景图片拉伸效果（css3支持）

最新推荐文章于 2021-05-30 22:36:33 发布

黑马蓝梦

最新推荐文章于 2021-05-30 22:36:33 发布

阅读量1.1w

点赞数

分类专栏： JavaScript+jQuery+ExtJS HTML+CSS

本文链接：https://blog.csdn.net/resigshy/article/details/8161176

版权

JavaScript+jQuery+ExtJS 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

HTML+CSS

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
 <head>
  <title>背景图片拉伸效果（css3支持）</title>
  <style type="text/css">
  body{
	padding:0;
	margin:0;
	overflow-x: hidden;
	background:url(ss.jpg) center no-repeat;
	background-size:cover;
  }

  </style>
  <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
  <script type="text/javascript">
	$(function(){
		function resizeBody(){
			$("body").height($(window).height() - 2).width($(window).width() - 2);
		}
		resizeBody();
		
		$(window).resize(function(){
			resizeBody();
		});
	});
 </script> 
 </head>
 <body>  
 </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

黑马蓝梦

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
背景图片拉伸效果（css3支持）

背景图片拉伸效果（css3支持） body{ padding:0; margin:0; overflow-x: hidden; background:url(ss.jpg) center no-repeat; background-size:cover; } $(function(){ function resizeBody(){ $("bo
复制链接

扫一扫