背景图片拉伸效果（css3支持）
2012-11-08 10:56
495 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css3实现背景图片拉伸效果像桌面壁纸一样
- 支持持续性滑动动画的图片组件，用来做背景效果 应该不错
- CSS3把背景图片拉伸至100%
- html css3不拉伸图片显示效果,类似淘宝的
- body背景图片的拉伸效果
- 用滤镜实现背景图片的拉伸效果代码
- css3 让背景图片拉伸填充
- CSS3背景闪烁和图片缩放动画效果
- UIButton 设置背景图片 拉伸效果
- CSS3背景闪烁和图片缩放动画效果
- 背景图片拉伸效果(转)
- 网页背景图片拉伸效果
- 图片垂直居中,小图铺满div,css3点击变红叉,css背景图拉伸铺满
- 背景图片的拉伸效果
- 如何让背景图片实现拉伸效果，且无任何偏移（记录下，以后会用到）
- CSS3感应鼠标的背景闪烁和图片缩放动画效果
- [Javascript] 解决 IE6 中 png 图片背景不支持透明效果的问题
- CSS3感应鼠标背景闪烁和图片缩放效果
- 怎样实现表格背景图片的拉伸效果
- IE8 支持的背景图样式 不拉伸，cover效果