JUEESSS 2021-08-19 22:39 采纳率: 0%
浏览 42

移动端长图如何设置成背景图片？

img
就是这种图，该怎么设置呢？想要像这个链接里这样的效果，我只会把背景图弄成全屏，但没法往下拉的时候显示出余下部分。。。
中国移动 https://dev.coc.10086.cn/coc/web1/contractsposter/?pageId=1321761317590114304&channelId=P00000000384&channelSeqId=7&cuid=baidutiebaappef477a5d-c9b5-493a-bc73-5562ee193f7b&cuid_galaxy2=2B5AD02F8E1A343E8028BA7E7AA238D0%7CO&cuid_gid=×tamp=1629373549254&_client_version=12.7.1.1

  • 写回答

2条回答 默认 最新

  • CSDN专家-天际的海浪 2021-08-19 22:43
    关注

    直接用img标签放图片就好了
    要设置成背景可以把img 设置为position: absolute; 绝对定位并设置 z-index: -1;放到文字下面

    <img src="1.jpg" width="350" height="5000" alt="" style="position: absolute; top: 0; left: 0; z-index: -1;" />
    评论

报告相同问题？

  • 基于H5的移动端+PC端前端图片轮播demo
    2025-04-08 15:53
    本篇文章将介绍一个基于H5技术实现的移动端和PC端兼容的前端图片轮播项目，该项目采用了jQuery和swiper技术，不仅实现了基本的轮播功能，还增加了背景音乐播放和全屏自动播放等增强功能，大大丰富了网页内容的表现力...
  • Vue移动端实现图片上传及超过1M压缩上传
    2020-10-15 20:26
    在Vue移动端应用中，图片上传和超过1MB的图片压缩上传是常见的功能需求。这篇文章将指导你如何在Vue项目中实现这一功能。首先，我们来看看实现这个功能的主要步骤和涉及的技术点。 1. **HTML 结构**： HTML部分...
  • 移动端适配背景图片注意事项
    2022-06-02 15:36
    零OO的博客 移动端背景图片注意要设置背景图尺寸
  • 移动端背景图css6,移动端适配之雪碧图(sprite)背景图片定位
    2021-08-04 00:53
    清清清飏的博客 为了减少网络请求个数量，提高网站的访问速度，我们一般都会把一些小的图片合并成一张sprite图，然后根据background-position来进行定位。在web端由于是固定的大小与left 、top，所以定位起来会比较准确、简单。但是...
  • 移动端图片放大功能
    2017-06-16 07:34
    在移动端开发中，图片放大功能是一项常见的需求，尤其在用户需要查看细节时。本文将详细介绍如何利用JavaScript、CSS和HTML来实现这一功能，同时结合ASP.NET的后台支持，为移动端应用提供更好的用户体验。 首先，...
  • 移动端 图片优化
    2024-07-11 08:26
    资深前端之路的博客 如何处理移动端图片变形
  • 移动端也能兼容的web页面制作2：导航栏、背景图片设置
    2022-03-21 17:09
    挣扎的蓝藻的博客 MDBootstrap 是基于 Vue.js 开发的一套前端框架，拥有美观大气的界面效果，友好的交互体验，更棒的是对于移动端也有很好的兼容性。先给大家看下演示 demo 的运行，后面将围绕项目的制作过程，依次来展示导航栏、图片...
  • 移动端H5前端设计项目源码
    2022-04-08 16:25
    `images`目录包含了项目所需的图像资源，如logo、背景图、按钮图标等。在移动端优化中，考虑到加载速度，通常会使用合适的文件格式（如SVG或WebP）和压缩图像大小。 `audio`目录可能包含音频文件，这在音乐播放器、...
  • Vue.js 2.0 移动端拍照压缩图片上传预览功能
    2020-10-20 06:40
    在当前移动互联网迅速发展的背景下，Web前端技术也在持续革新，其中Vue.js作为一种流行的前端JavaScript框架，得到了广泛应用。特别是在移动端Web应用开发中，Vue.js 2.0以其响应式、组件化的设计思想为开发者提供了...
  • CSS - 移动端容器背景大图片自动适应屏幕
    2021-03-11 15:16
    前端开发大师鸭的博客 有时候，我们希望容器背景大图片自动适用容器宽高，均匀平铺在页面，几行 CSS 代码即可搞定。 实现 给父容器设置即可。 .view{ background-image: url(x.jpg); background-repeat: no-repeat; background-...
  • 没有解决我的问题, 去提问

问题事件

  • 创建了问题 8月19日