html背景图片拉伸解决办法

html背景图片拉伸解决办法html背景图片拉伸解决办法body{background-size:100%100%;//关键代码,直接拉伸背景图background-image:url(“img/99.jpg”);//背景图导入background-repeat:no-repeat;//不重复拉伸background-attachment:fixed;//此代码用于页面内容超出屏幕,

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

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;

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/188307.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python定义函数求和_Python定义函数实现累计求和操作

    python定义函数求和_Python定义函数实现累计求和操作一、使用三种方法实现0-n累加求和定义函数分别使用while循环、for循环、递归函数实现对0-n的累加求和1、使用while循环定义一个累加求和函数sum1(n),函数代码如下:2、使用for循环定义一个累加求和函数sum2(n),函数代码如下:3、使用递归函数定义一个累加求和函数sum3(n),函数代码如下:二、使用了三种实现累加求和的方法,分别定义了三个函数。1、对0-100实现累加求和,…

    2025年6月27日
    5
  • c语言pow对函数调用不明确(c语言i++和++i)

    pow()函数用来求baix的y次幂,x、y及函数值都是double型,其原型du为:zhidoublepow(doublex,doubley)。实例代码如下:#include<stdio.h>#include<math.h>voidmain(){doublex=2,y=10;printf(“%f\n”,pow(x,y));return0;}结果:1024扩展bai资料:在调用pow函数时,可能导致错误.

    2022年4月11日
    66
  • 【奇葩bug】微信小程序:Unit8Array is not defined[通俗易懂]

    【奇葩bug】微信小程序:Unit8Array is not defined[通俗易懂]【奇葩bug】微信小程序:Unit8Arrayisnotdefined在用微信小程序里的蓝牙模块,要给设备写入信息。结果报错:VM22:2MiniProgramErrorUnit8ArrayisnotdefinedReferenceError:Unit8Arrayisnotdefined报错原因:正确拼写是Uint8Array…难怪根本搜不到相关问题,幻视误人啊。(完全没有技术含量的bug,也没有耽误太多时间,但实在是让我感到哭笑不得……另外,关于ArrayBuffer

    2025年11月19日
    8
  • ubuntu安装搜狗输入法后黑屏_乌班图如何安装搜狗输入法

    ubuntu安装搜狗输入法后黑屏_乌班图如何安装搜狗输入法1、ubuntu系统配置systemsettings->languagesupport->install/removelanguages,在弹出的菜单中选择Chinese(simplified),点击apply2、配置输入法框架搜狗输入法是建立在fcitx框架之上的,所以要将输入法框架选择为fictx,注意:如果没有fcitx选项,那么你就需…

    2022年9月26日
    6
  • Springboot和Spring的区别?看完你就明白了

    Springboot和Spring的区别?看完你就明白了从一道面试题说起面试的时候经常会被问到,spring和springboot的区别。或者SpringMVC和Springboot的区别。其实这样的问法就不是特别合适。因为spring、springboot、springmvc他们三个在spring体系中就不在同一个维度。看一下spring的全部项目spring家族有很多项目,springboot、springframework、springcloud等。我们常用的也就是,springboot、springcloud、springsecu

    2022年6月8日
    42
  • visio2007使用记录

    visio2007使用记录

    2022年2月21日
    54

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号