html设置页面背景图片并禁止页面缩放

示例代码：

<!DOCTYPE html>
<html lang="zh">
<head><!--禁止页面缩放--><meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" charset="UTF-8"><title>设置背景图片并禁止页面缩放</title>
</head>
<body>
<!--设置背景图片，z-index = -1表示图片元素处于页面层级的底部，即背景图片-->
<img src="/background.png" style="position:absolute; width:100%; height:100%; left:0; top:0; z-index:-1;"/>
<p>测试</p>
</body>
</html>

html设置页面背景图片并禁止页面缩放相关推荐

vue组件中设置背景图片，随着页面高度的增加，背景图片能够不断延伸铺满屏幕
在做项目的时候,想要实现背景图片将整个页面铺满,等内容变多,高度超过屏幕高度的时候,背景图片仍然能够完全铺满. 第一种方式:(不是想要的) 第一种情况就是最外层设置一个div盒子,宽度100%,高度1 ...
微信小程序页面背景图片设置
微信微信小程序页面背景图片background-image使用及大小设置源代码//index.wxss page{ background-size:100% 100%; background-ima ...
HTML+CSS实现背景图片铺满页面的方法
HTML+CSS实现背景图片铺满页面的方法针对页面背景图片我整理了几种方法仅供参考一.DIV中添加背景图片二.img中设置背景图片三.Body中设置背景图片结语针对页面背景图片我整理了几种 ...
html把图片做正方形背景图片,完美的页面背景图片制作
随着现在的大显屏越来越多,实现整个页面的背景相对来说是越来越困难.前段时间在<如何用CSS实现大背景样式>中和大家一起学习了web designer wall大师介绍的几种实现大背景制作的 ...
关于在IE下打印页面背景图片和背景颜色丢失的解决方案
最近遇见在IE8下实现页面部分打印背景图片和背景颜色丢失的问题网上查了许久,总结下有两种解决方案: 1.在IE的工具里,Internet选项-->高级-->打印(打印背景颜色和图像)选中 ...
css背景图不失真_CSS实现页面背景图片模糊内容不模糊的方法
CSS实现页面背景图片模糊内容不模糊的方法,如果对你有帮助就看看吧,挺实用的一个CSS背景模糊效果,适合做一些非常唯美的网页,给人一种很模糊却又带着一丝清晰的感觉. 代码: Document .ban ...
写网页的那些小总结——背景图片透明，背景图片铺满页面
1.使用opacity属性会让背景图片和盒子中的文字内容都透明,如果想要背景图片透明,文字内容不透明,就可以使用以下代码: 某例子: background: rgba(255,255,255,0.6) ...
html给按钮设置背景,设置按钮背景图片(HTML-CSS)
很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片 ...
java中窗体背景图片_Java Swing 之设置窗体背景图片
/** * 设置窗体背景图片 * @author gao */ package com.gao; import java.awt.Graphics; import java.awt.Image; im ...

html设置页面背景图片并禁止页面缩放

html设置页面背景图片并禁止页面缩放相关推荐

最新文章

热门文章