html背景图不随滚轮滚动,而且按住Ctrl并滚动滚轮时,图片不会变大缩小,就像百度的首页一样
2024-09-04 13:06:02
之前在百度知道我提问过这一个问题,后来解决了。不过好多人来问我时怎么解决的,源码。
其实很简单。这里我贴一下代码。有需要的小伙伴不用再加我qq了,直接来这里取吧。
里面的图片是我随便找的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
html,
body {
height: 100%;
}
body {
margin: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
background-image: url(http://pic1.win4000.com/wallpaper/b/589d687069ed9.jpg);
}
h1{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
color:#fff;
background-color: rgba(0,0,0,0.5);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<h1>按住Ctrl+滚动滚轮:可以看到文字缩放,背景不动</h1>
</body>
</html>
最新文章
- 使用Vs2012开发Metro时在另一台win8平板上调试的步骤
- 抽象工厂模式(Abstract Factory)
- 20145209&;20145309信息安全系统设计基础实验报告 (5)
- grep 同时满足多个关键字和满足任意关键字
- poj1019
- Oracle Spool详解
- Oracle EBS-SQL (MRP-6):检查MRP计划运行报错原因之超大数据查询1.sql
- CDOJ 631 敢说敢做 记忆化搜索and动规
- [置顶] gis海量资源网盘提供VIP账号无广告高速下载 (更新更多资源)
- HALF<;水题>;
- 响应式框架Bootstrap
- Java引用详解-StrongReference SoftReference WeakReference PhantomReference
- 【转载】IP地址和子网划分学习笔记之《子网掩码详解》
- Docker安装配置MongoDB并使用Robo 3T在局域网连接
- SpringMVC学习笔记:拦截器和过滤器
- 一种基于python的人脸识别开源系统
- 十 js中forEach,for in,for of循环的用法
- sqlserver性能调优中的逻辑读,物理读,预读是什么意思
- AsyncTask执行顺序
- javascript的中的new