html背景图片拉伸解决办法

body {background-size: 100% 100%;  //关键代码，直接拉伸背景图background-image: url("img/99.jpg") ; //背景图导入background-repeat: no-repeat;  //不重复拉伸background-attachment: fixed;//此代码用于页面内容超出屏幕，右侧出现滚动条情况，使得滚动滚动条时背景锁定}

需要注意的是：

background-size: 100% 100%; //关键代码，直接拉伸背景图

如果你的页面内容超过一页，那么背景拉伸会拉很长不好看，建议使用

background-attachment: fixed;

作用是图片只拉伸到当前一页屏幕大小，内容超出一夜后，滚动滚动条值会滚动内容，背景图不动

html背景图片拉伸解决办法相关推荐

php怎么显示不了图片,php显示不了图片的解决办法,
php显示不了图片的解决办法PHP不能显示图片的解决方案,Php不能显示图片,因为源代码中除了img输出还有其他输出.解决方法是在调用头之前取消任何输出. 推荐: <PHP视频教程> 具体 ...
php背景图片平铺拉伸,利用jQuery和CSS将背景图片拉伸
现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果.本文将带您一起 ...
vue代码上传服务器后背景图片404解决方法
vue代码上传服务器后背景图片404解决方法参考文章: (1)vue代码上传服务器后背景图片404解决方法 (2)https://www.cnblogs.com/Mrrabbit/p/7830944 ...
设置背景图片，解决手机上背景图片高度适应问题
设置背景图片,解决手机上背景图片高度适应问题第一种方法:直接对图片进行设置,代码如下 <img src="url" class="PhoneBack"& ...
css 如何让背景图片拉伸填充避免重复显示
如何让背景图片拉伸填充,这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单. 比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在css2.1之前是不能被修 ...
android 聊天气泡背景图片,聊天气泡背景图片拉伸设置
以前一直对类似聊天气泡背景图片拉伸的设置纠结,不管如何设置UIEdgeInsets属性都不能正常设置,今天对以下几种情况进行了总结,如有需要的同学可进行参考: 说明: /** 1.UIEdgeInse ...
html img和背景图处理图片不拉伸_css如何设置背景图片拉伸不重复？
css可以使用background-size属性设置背景图片拉伸,此属性规定背景图像的尺寸.使用background-repeat属性设置背景图片不重复,此属性设置是否及如何重复背景图像. css设置 ...
docx转doc时，防止公式被转成图片的解决办法
[转载]docx转doc时,防止公式被转成图片的解决办法编辑社回复需要doc(Word 97-2003)格式的文档,可是将docx(Word 2007+)另存为doc格式时,发现公式被转成了图片.其 ...
background-image背景图片拉伸平铺
background-image背景图片拉伸平铺 <div style="width: 10%;height: 40px;background-image: url('../image ...

html背景图片拉伸解决办法

html背景图片拉伸解决办法

html背景图片拉伸解决办法相关推荐

最新文章

热门文章