在html登陆页面代码中添加背景图片，为什么找不到图片放置的位置

最新推荐文章于 2024-07-23 09:00:00 发布
最新推荐文章于 2024-07-23 09:00:00 发布
阅读量1.1w 收藏 9
点赞数 1
分类专栏： 代码bug整理 web代码 文章标签： html 登陆背景图片添加
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17460713/article/details/81907430
版权

我们在给一个登陆页面添加一个背景图的时候，为什么我们明明添加了。
可是相对路径写不正确，就会发现老是加载不上。如下图这里写图片描述
代码如下这里写图片描述
这种情况，建议各位程序员，将本html和图片放在一个文件夹下面

这样就不会造成加载不上的情况。

希望对大家有帮助！！

vbvb谁有会员
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php页面背景url不显示图片,背景图片logo用IE能复制出来，就是找不到背景logo的url地址_html/css_WEB-ITnose...
weixin_42463199的博客
03-17 100
就找到这个代码和背景logo有关联，去掉其中的一个字母 就乱了。请问怎么找出 我想把背景给替换 下， 谢谢回复讨论(解决方案)放地址看看在class里面定义了背景图就找到这个代码和背景logo有关联，去掉其中的一个字母 就乱了。请问怎么找出 我想把背景给替换 下， 谢谢 着杀火狐查看的 请问怎么改，为什么找不到 元素 {}.cheader_logo {float: left;margin-t...
html图片地址无效,html img src 图片路径不存在或无效
weixin_29264201的博客
06-03 1621
html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况，动态替换成有效的默认图片，解决办法。通常的判断为：if(pic==null){ html='';}else{ html='';}但如果当src路径存在，但路径无效导致无法正常加载时，可以利用img 的 onerror 事件来解决：if(pic==null){ html='';}else{ html=''...
前端必知必会-html背景图片设置
最新发布
qq_24018193的博客
07-23 1153
本文介绍了的使用，如有问题欢迎私信和评论。
关于前端html页面跳转后图片不显示（路径错误/读取不到）的问题（已解决）
qq_63492002的博客
04-01 2077
大佬们，本人前端小白一枚。最近在做课设的过程中发现自己插入的图片在网页跳转之后会失效，不知道原因是什么。在网上查询到说用端口链接的方式也没有解决。想咨询一下大佬们有没有什么好的解决方法。哦对了，包括利用iframe实现的浮动窗口也是，图片也无法显示。下面是跳转链接，利用a标签实现的。开发环境：idea2021.3。大佬们帮帮忙球球了呜呜呜。
html图片加载不出来，图片相对路径问题
m0_57207195的博客
03-20 1万+
现象:图片加载不出来，如下 原因:路径不对 刚开始学html的我们可能会直接复制图片的路径，如下 这个是绝对路径，会加载不出来 我们要用相对路径（我们把图片放在img文件夹下后，相对路径就是当前编辑的js文件睁眼可以看到的img开始）如下 这样就成功加载出来了 ...
HTML的图片插入链接，图片不能显示可能存在的路径问题
qq_42490671的博客
03-26 1317
1.我给我的图片创建了一个叫images的文件夹， 一开始我的问题就是， 不论我的路径写成这样：src = "images/logo.jpg" 还是这样：src = "/images/logo.jpg" 亦或是这样：src = "./images/logo.jpg" 都不显示图片 后来参考这位网友的文章解决了， [HTML] 图片标签、绝对路径 和 相对路径_运维_这货不是博客-C...
html和js通过window.print()实现调用浏览器打印带背景图片和生成二维码的文件功能
10-23
为解决这个问题，我们需要在CSS中添加特定的样式规则，确保背景图片在打印时可见。例如： ```css @media print { body * { background-image: none !important; background-color: #fff !important; } .print-...
为什么我的HTML5背景图片一直铺满页面如何让它放置在左边居中的位置而且不重复
09-19
这个CSS样式中的"no-repeat"参数可以确保背景图片不被重复显示，而"left center"参数则将背景图片放置在页面左边居中的位置。 ### 回答2： 要让HTML5背景图片放置在左边居中的位置且不重复，可以使用CSS样式来实现...
浏览器全屏显示背景图片的css样式与html结构
09-25
在设计网页时，使用CSS将背景图片全屏显示是一个常见需求，尤其在需要为网站创建一个吸引人的视觉焦点时。下面将详细介绍实现浏览器全屏显示背景图片的方法。 CSS样式是实现全屏背景图片的关键。首先，需要创建一个...
css实现文字层浮在图片之上示例代码
09-25
在网站设计和用户界面设计中，经常会遇到需要在图片上添加描述性文字的场景，比如产品图片上的商品名称或简介。为了提高用户体验，这些描述性文字需要在不遮挡图片主要内容的前提下清晰展示。本文将详细介绍如何使用...
从sohu弄下来的flash中展示图片的代码
10-30
根据提供的文件内容，我们可以分析并总结出以下...综上所述，这段代码示例为我们提供了关于如何在网页中利用Flash展示图片的具体实现方式，涉及到了Flash对象创建、图片信息处理、HTML与JavaScript交互等多方面的知识。
html引用图片资源无法显示的问题
strong815的专栏
06-04 3万+
头疼，头都大了，写了个很简单的html网页，导入了一个图片资源，却怎么都不显示，查了书和网页，发现没错啊，怎么就不显示呢？尼玛，尼玛这些大牛写的时候倒是写清楚点啊，写的那么模糊就还不如别写呢。看我给菜鸟们带来点福利，一定教会你们。    环境：eclipse  动态页面项目 tomcat8        一、发布出去的项目部认识绝对路径。      如题，所以如果你引用的是绝对路径来显示图片
关于本地图片在HTML页面上不能显示的问题
枯草随风倒
11-28 9259
报错信息 GET file:///C:/fakepath/delete.png net::ERR_FILE_NOT_FOUND 这是浏览器安全机制的问题，获取不到图片的真实路径 目前网上的解决办法多半只兼容IE和火狐，而且不知是否可行 这个解决方法是原生js,不用导库，亲测可用 解决办法： function getObjectURL(file) { var url = ...
【HTML中的路径问题】
qq_62334672的博客
03-30 1930
路径
html 找到背景图片路径,background-image中url找不到路径，背景图像无法显示
weixin_29238147的博客
06-04 5824
在对应的DIV中能够显示图片但是当把路径复制变成内联样式表中的background-image时候在原来图中却不能显示背景图片，在fireBUG中显示URL载入错误，这是怎么回事了？#body_left_secend_1 {width:293px;height:300px;background-image:url(../Images/images...
html img src 图片路径不存在或无效
热门推荐
xuanjiewu的专栏
08-24 3万+
html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况，动态替换成有效的默认图片，解决办法。 通常的判断为： if(pic==null){  html='';  }else{  html=''; } 但如果当src路径存在，但路径无效导致无法正常加载时，可以利用img 的 onerror 事件来解决：  if(pic==null){   html=
html5 图片路径问题
Dongzhenyu0519的博客
04-27 2534
1、如果html文件和图片在同一文件目录下 <img src="holly.jpg" width="140" height="140"/> 2、如果图片在images文件夹里 而html文件与images在同一文件目录下 <img src="images/holly.jpg" width="140" height="140"/> 3、如果 图片在images文件夹 html文件在count文件夹下 而images和count在同一目录下 &lt...
HTML如何设置图片为背景图片
weixin_46958879的博客
07-20 1万+
背景图像与文本显示在同一个位置，为了让页面排版更加合理，不影响文本的阅读，我们可以改变图像的位置。background-attachment背景图像是否固定或者随着页面的其余部分滚动。默认情况下background-image属性会在页面的水平或者垂直方向平铺。background简写属性，作用是将背景属性设置在一个声明中。background-position设置背景图像的起始位置。background-image属性描述了元素的背景图像.background-image把图像设置为背景。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值