精华内容
下载资源
问答
  • login.jsp:1 GET ... 首先确定了,路径不会有什么问题。 然后跟据网页的开发者工具,使用Google F12 发现照片背景名字中文乱码!所以其改名。 然后再次启动tomcat,成功显示! ...

     login.jsp:1 GET http://localhost:8080/images/%E5%BD%AD%E7%AB%B9%E6%A5%A0bg1.jpg 404 

    首先确定了,路径不会有什么问题。

    然后跟据网页的开发者工具,使用Google   F12

    发现照片背景名字中文乱码!所以将其改名。

     然后再次启动tomcat,成功显示!

    展开全文
  • 网页背景图片设置

    千次阅读 2019-08-14 14:38:44
    如果背景图片和元素一样大,则会将背景图片全部显示 如果背景图片小于元素大小,则会默认将背景图片平铺以充满元素 可以同时为一个元素指定背景颜色和背景图片 这样背景颜色会作为背景图片的底色 一般情况下...

    使用background-image来设置背景图片

    ——语法:background-image:url(相对路径);

    • 如果背景图片大于元素,默认会显示图片的左上角
    • 如果背景图片和元素一样大,则会将背景图片全部显示
    • 如果背景图片小于元素大小,则会默认将背景图片平铺以充满元素
    • 可以同时为一个元素指定背景颜色和背景图片
    • 这样背景颜色将会作为背景图片的底色
    • 一般情况下设置背景图片时都会同时指定一个背景颜色
    • 背景图片默认贴着元素左上角显示

    使用background-repeat来设置背景图片的重复样式

    ——可选值:

    • repeat:默认值,背景图片会双方向重复(平铺)
    • no-repeat:背景图片不会重复,有多大显示多大
    • repeat-x:背景图片沿水平方向重复
    • repeat-y:背景图片沿垂直方向重复

    通过background-position来调整图片在元素中的位置

    该属性可以使用top/right/left/bottom/center中的两个值来指定一个背景图片的位置

    例如:top left(左上),bottom right(右下)

    如果只给定一个值,则第二个值默认时center(中间)

    也可以直接指定偏移量:

    ——第一个值是水平偏移量

    • 如果指定的是一个正值,则图片会向右移动指定的像素
    • 如果指定的是一个负值,则图片会向左移动指定的像素

    ——第二个值是垂直偏移量

    • 如果指定的是一个正值,则图片会向下移动指定的像素
    • 如果指定的是一个负值,则图片会向上移动指定的像素

    ​​​​​​​使用background-attachment用来设置背景图片是否会随页面一起滚动

    ——可选值:

    • scroll:默认值,背景图片会随窗口滚动
    • fixed:背景图片会固定在某一位置,不随页面滚动

    不随窗口滚动的图片,我们一般都是设置给body,而不设置给其他元素

    简写属性:

    使用background:

    • 通过该属性可以同时设置背景相关的所有样式
    • 没有顺序要求、没有数量要求,不写的默认为默认值
    展开全文
  • Html设置网页背景图片

    万次阅读 多人点赞 2015-11-29 21:17:48
    网页添加背景图片可以衬托网页显示效果,从而取得更好的视觉效果。背景图片的选择不仅要注意好看,而且还要注意能喧宾夺主,影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片...


    为网页添加背景图片可以衬托网页的显示效果,从而取得更好的视觉效果。背景图片的选择不仅要注意好看,而且还要注意不能喧宾夺主,影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片配合深色的文本。background属性用来设置网页的背景图片。

    基本语法:

    <body background="图片地址"></body>

    background属性值就是图片的路径。路径可以是相对地址,也可以是绝对地址。

    实例代码:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
    </head>
    <body background="../images/bg.jpg">
    </body>
    </html>

    背景图片一定要与插图以及文字的颜色相协调。为了保证浏览器载入网页的速度,尽量不要使用字节过大的图片; 
    展开全文
  • CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助。通常对网页设置背景直接对body设置背景演示即可实现。接下来给大家...

    http://www.divcss5.com/jiqiao/j768.shtml

     

    CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇

    本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助。通常对网页设置背景直接对body设置背景演示即可实现。接下来给大家介绍各种情况下背景处理布局技巧。

    无论怎么设置背景都需要用到background样式,如果对background比较陌生可以进入http://www.divcss5.com/rumen/r125.shtml了解学习。

    一、网页单色背景   -   TOP

    如果纯颜色的网页背景,只需要对body设置background背景颜色即可

    1. body{background:#FFF} 

    设置网页背景为白色

    二、规律背景图片   -   TOP

    1、从上到下渐变横向相同背景

    渐变从上到下宽度全屏背景效果截图
    渐变从上到下宽度全屏背景效果截图

    这种网页背景只需要切出1像素宽,高度合适的图片作为背景素材,如下图:

    切出这样一个竖条图片素材作为背景素材
    切出这样一个竖条图片素材作为背景素材

    1. body{background:#FFF url(bg.gif) repeat-x 0} 

    这样设置这个图片为背景图片靠网页顶部水平平铺,背景为白色,这里注意根据你的图片路径设置好引入图片路径。

    2、水平平铺类背景图片
    比如2014版DIVCSS5网页,原理和渐变平铺相同,也是切出一竖条后作为Body背景水平平铺实现,这样就全屏网页背景铺满。

    切出这样一个竖条效果截图
    css切出这样一个竖条效果截图

    代码和第1种相同,只是图片不同而已。对body设置背景图片水平平铺。

    三、不规律大图背景   -   TOP

    常常看到一些专题或形象网页,背景是一种非常大图片作为背景,而通常情况下宽屏和窄屏显示器都能显示铺满的全屏背景图片,就像图片能自适应宽度大小一样的。其实这种实现一样非常简单,将这张图片宽度美工设计足够大,比如市场上最宽显示屏分辨率宽度为2560像素,那么要让这样的宽屏显示器浏览此网页也能铺满全屏,那么你的这张背景图片就必须做成宽度大于或等于2560px宽度的,这样以来宽屏、窄屏显示器打开此网页都能铺满全屏,最小化、最大化、改变浏览器窗口打开背景图片都是全屏的居中的看上去就像背景图片自适应大小一样。

    关键:全屏自适应背景图片关键是图片做足够宽,以最宽分辨率显示屏能都铺满,小分辨率自然就更是铺满。同时需要设置这样背景图片作为body背景后需要居中。

    假如这张背景图片为:bg.jpg
    设置CSS代码:

    1. body{background: url(bg.jpg) no-repeat center 0} 

    代码解释:设置这个图片为网页背景,通常不平铺(no-repeat),水平居中,靠上显示

    四、头部背景图片和底部背景图片内容多少高度可增减头部底部背景不变   -   TOP

    这里DIVCSS5为大家介绍两种常见头部和底部不同背景图片技巧设置布局方法。

    1、头部和版权图片
    这种直接将头部背景图片设置为body背景居中靠上显示,底部版权地方DIV设置宽度100%;同时设置此背景图片背景颜色

    1. body{background: url(bg.jpg) no-repeat center 0} 
    2. #footer{margin:0 auto;width:100%;background: url(ft-bg.jpg) no-repeat center 0} 

    这样即可实现头部底部背景不同,同时不受内容多少高度影响。

    2、网页靠顶部上背景图与固定底部靠下背景图
    而靠底部背景图片远超出了版权底部盒子高度。

    网页靠上靠下背景图片不同,内容区域跨越靠上和靠下的背景效果截图
    网页靠上靠下背景图片不同,内容区域跨越靠上和靠下的背景效果截图

    这样的结构上下不同图片,不随中间内容增高减少影响背景布局,通常对html标签和body设置背景即可实现。

    假如顶部深蓝背景图片为“top.jpg”,底部浅蓝背景图片为“foot.jpg”

    DIV CSS设置网页背景关键CSS代码

    1. html{background: url(top.jpg) no-repeat center 0} 
    2. body{background: url(foot.jpg) no-repeat center bottom} 

    解释:设置深蓝背景图片为html背景水平居中靠上;设置浅蓝背景图片为body背景图片水平居中靠下。

    以上是DIVCSS5总结常见几种网页背景布局设置,灵活设置不管对body、html、div均能设置背景实现自己要的背景效果,如果对div设置为这个网页背景,那这个DIV高度就不能设置(默认自动)、div宽度设置100%即可。

    如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j768.shtml

    转载于:https://www.cnblogs.com/zhangjingyun/p/5110297.html

    展开全文
  • 今天在写一个小项目的时候在一个点上疑惑了许久,明明我的背景图片路径设置的不会错,可是为什么在网页显示不出来,也没有行代码覆盖;按F12显示竟然在报错!报错内容是这样子的: 大概的意思就是没有找到...
  • 背景图片不重复平铺,可以这样设定背景: <body style="background-image: url("图片文件地址"); background-attachment: fixed;"> 这样背景图片就会固定住,不会因页面滚动而重复。 使图在任何大小的屏幕...
  • 在写一个网页时,遇到div高度定时,即高度设为auto,或者不设置时,加入的的背景图片不显示的问题。在查阅相关资料后发现几种解决方法 出现这种情况有两个前提: 1.外部的div没有设置高度。 2.内部div浮动 解决...
  • 设置背景图片时,图片不够大产生自动重复,怎么设置图片大小自动随显示窗口的大小而改变
  • 关于让网页背景图片全屏显示处理

    千次阅读 2016-08-04 13:13:59
    但是图片的大小不够的话我们设置背景图片不重复的情况下图片不会全屏显示 我们可以这样处理 设置两层div,底层div当做背景使用,放置一张图片即可。 id="background" style="position:absolute;z-index:-1...
  • css 的background 可以设置多个背景图片: 下面这个类名为 abc 的样式设置了两个背景图片,分别为:test.png 和 test2.jpg ,也就是说需要设置多少个 背景图片,就设置几个 url 就可以了; .abc{ width: 300px; ...
  • css网页设置背景图片的方法详解

    千次阅读 2019-08-17 20:58:35
    在css代码中设置背景图片的方法,包括背景图片背景重复、背景固定、背景定位等 用css设置网页中的背景图片,主要有如下几个属性: 1,背景颜色 {">说明:参数取值和颜色属性一样 注意:在H...
  • 图片文件路径没问题。 ``` <div class="wrap"></div> .wrap{ width:500px; height:300px; background-image:url("images\1.jpg"); border:solid 1px black; } ``` ![图片说明]...
  • 全屏显示网页背景图片

    千次阅读 2013-12-19 20:22:24
    1.这种效果太好,会出现滚动条   2.这种方法挺完美显示的 body{margin:0px;padding:0px}
  • 一、 网页中添加图片的方式有两种 ...另一种是:通过css背景属性添加 二、 怎样来判断添加图片方式?? Ø 网页中的装饰性的图片,通过背景图片添加 ... 设置背景图片容器的大小(宽度和高度) b. 首先要定
  • 背景图片不重复平铺,可以这样设定背景: 1、<body style="background-p_w_picpath: url("图片文件地址"); background-p_w_upload: fixed;"> 这样背景图片就会固定住,不会因页面滚动而重复。 2、使图在任何...
  • 网页中如何设置背景图片

    千次阅读 2012-06-07 17:42:28
    序号 中文说明 标记语法 备注 ...2 背景图片 {background-image: url(URL)|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {background-attachment:
  • css中设置背景图片无法显示的问题

    千次阅读 2020-03-30 20:03:07
    在vscode中写了个网页,但是在css中设置背景图片一直无法显示 我找到了这篇博客https://blog.csdn.net/sinat_32110067/article/details/72330367,解决了这个问题。 在css样式表中写的background-image:url,图片的...
  • 网页背景设置的方法总结

    千次阅读 2016-05-14 18:53:49
    网页背景设置的方法总结本文会列出网页背景设置的...根据需求不同,我将网页背景设置分为三种: 1. 直接单纯设置背景色,以颜色为背景; 2. 采用小图片、纹理进行重复排列; 3. 采用大图,图片设置为整个网页背景
  • 使用DW设置网页背景

    千次阅读 2019-04-08 14:40:27
    开发工具与关键技术: 使用DW设置网页背景图 作者:冉启东 撰写时间:2019年04月08日 使用dw制作登录界面代码如下: 登录 忘记密码 注册账号 CSS1部分代码如下: .cont { width: 241px;/*边框...
  • 在ASP网页中如何设置背景图片

    千次阅读 2009-11-04 14:29:00
    序号 中文说明 标记语法 备注 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(URL)|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {...
  • 网页开发的过程中,偶然遇到一个问题:背景图片不能自动去适应网页窗口大小。找到很久后才找到这个方法来解决,代码如下 也听有些人说过就设置背景图片,然后用CSS来控制。但我没有亲自试过,由于时间关系,用这个...
  • 我觉得是因为浏览器在显示网页的时候,加载图片的时间要比背景色慢,而有背景色可以让客户有更好的视觉体验,至于打开网页却是一片空白或者显示正在加载图片
  • 老生常谈,老手跳过,新手进来。...换一种思路,直接用显示出来,这样div作为父容器就被你撑大,就需要div的高度设置了。 然后就看你的图片,如果宽要全部显示,就设置为width:100%,height:auto,反之就设置
  • vscode背景图片不显示问题

    万次阅读 2019-03-13 19:52:28
    首先,图片不显示有几个可能: 图片文件坏了 路径写错了 样式写错了 我要插入的就是那个小三角,在IDEA写的路径:background-image:url(/dist/img/beijing.jpg),它可以正常显示,然而我用vscode...
  • 微信小程序背景图片设置问题

    万次阅读 2018-02-04 19:32:27
    我们都知道,用css给网页设置背景图片,可以导入网络图片和本地图片。 1. 网络图片: 元素定位{ background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=...
  • HTML设置背景颜色及背景图片

    千次阅读 2020-08-26 23:17:27
    - 可以同时设置背景图片背景颜色,这样背景颜色会成为图片背景色 - 如果背景图片小于元素,则背景图片会自动在元素中平铺元素铺满 - 如果背景图片大于元素,会一个部分背景无法完全显示 - 如果背景...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 84,345
精华内容 33,738
关键字:

网页将图片设置成背景不显示