当前位置: 首页 > news >正文

h5开发网站-css实现页面的背景固定定位

一、需求:

在页面滚动时,背景图片保持不变,而不是跟随滚动。

在这里插入图片描述

二、解决方式:

使用背景固定定位,只需要在CSS中增加一个background-attachment: fixed;属性即可。

具体代码:

<div class="item_right"><img src="images/image001_about@2x.png">
</div><style>.item_right {width: 60.75%;height: 500px;position: absolute;right: 0;background-image: url(../images/image001_about@2x.png);background-repeat: no-repeat;background-size: 60.75% 100%;background-attachment: fixed;   /* 这一行是重点 */background-position: top right;}.item_right img {max-width: 100%;height: auto;visibility: hidden;}
</style>

ok~

http://www.lryc.cn/news/164541.html

相关文章:

  • SpringBoot整合Redis完整篇
  • 花见Live Wallpaper Themes 4K Pro for mac(4k视频壁纸)
  • FastJson 漏洞复现
  • jeesite实现excel导入功能(保姆级图文教程)
  • 【B树 B+树】B树、B+树理论
  • CRM软件系统能否监控手机的使用
  • hutool的HttpRequest.post的使用-包括上传文档等多个传参【总结版本】
  • VR数字工厂,为企业工厂打造竞争新优势
  • 记一次线程堵塞(挂起)导致消息队列积压
  • 被问实习最大的收获是什么可以怎么回答?
  • 如何理解图神经网络的傅里叶变换和图卷积
  • 国家网络安全周2023时间是什么时候?有什么特点?谁举办的?
  • windows编程之线程同步万字总结(创建线程,互斥对象,互斥事件,信号量,关键段,多线程群聊服务器)
  • Git在已有的项目中引入Submodule子模块管理:添加、更新、删除(实战示例代码)
  • 内网穿透实现Windows远程桌面访问Ubuntu,简单高效的远程桌面解决方案
  • 如何学习运营管理
  • 腾讯云centos7.6安装部署备忘
  • 【赠书活动】考研备考书单推荐
  • 中缀表达式 - 栈实现综合计算器
  • html语音播报功能问题
  • 计算机重点学科评级B-,山东省属重点高校考情分析
  • 轻松搭建本地知识库的ChatGLM2-6B
  • flink的物理DataFlow图及Slot处理槽任务分配
  • 与面试相关的redis
  • MapStruct从0到0.5
  • STM32H750 HAL CUBEMX 时钟失败及死机无法下载问题解决
  • paddlespeech on centos7
  • ROM是什么? 刷ROM是什么意思?
  • 华为云Stack的学习(五)
  • 【LeetCode-中等题】904. 水果成篮