css中图片无法显示该怎么办?

我在editplus中想写一个类似于淘宝商品的静态页面,我加入了一个图片,不知道为什么不显示,刚刚开始学,求大神解答图片图片

css

5个回答

图片加载不出来,差不多都是路径问题。你看看路径有没有写对。

qq_41298175
qq_41298175 我图片路径跟我保存的html文件是在同一个文件夹里
2 年多之前 回复

你这张图 让人怎么看啊

qq_41298175
qq_41298175 不好意思哈,没注意看,就直接拍了
2 年多之前 回复

(看不清图)仔细检查路径,把图片的中文名改成英文

qq_41298175
qq_41298175 谢谢,已经解决了
2 年多之前 回复

对比一下这张图

qq_41298175
qq_41298175 谢谢,已经解决了
2 年多之前 回复

图片路径的问题 在页面查看源码 点击链接看看

qq_41298175
qq_41298175 谢谢,已经解决
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
css中图片无法显示怎么办

我想在editplus中写一个类似于淘宝商品的静态页面,我加入了一个图片,但是无法显示,刚开始学希望大神指教![图片](https://img-ask.csdn.net/upload/201712/06/1512561825_109871.png)![图片](https://img-ask.csdn.net/upload/201712/06/1512561932_279992.png)

CSS3过渡动画导致图片显示不正常

如题,想制作一个贺年页面。但是过渡动画进行时图片显示不正常。还请各位大牛帮忙指点![图片说明](https://img-ask.csdn.net/upload/201710/23/1508762176_908016.jpg)箭头指出的地方即使图片显示错误的地方![图片说明](https://img-ask.csdn.net/upload/201710/23/1508762221_242547.jpg)另外附上代码: html代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Happy new year!</title> </head> <body> <div id = "main"> <div id = "test">恭贺新禧</div> <div id = "test-left">&nbsp;&nbsp;新年、新事、新开始、新起点、一定会有新的收获,祝愿各位事事如意,岁岁平安,年年有今日,岁岁有今朝。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--阡陌 旧时光</div> <div id = "bgm"> <audio src = "bgm/金蛇狂舞.mp3" autoplay loop> 很抱歉,音乐播放功能不支持IE9以下版本的浏览器(如果你能看到这行字说明你的浏览器就是IE9以下的版本......) </audio> </div> </div> </body> </html> CSS代码: @charset "utf-8"; /* CSS Document */ #main{ height :800px; width :100%; background :url(../image/bg3.jpg); background-size: cover; background-position: center; animation: back 30s linear; animation-fill-mode :forwards } #test{ width :400px; height :100px; float :left; margin-top :100px; margin-left :50px; color :#FFF; font-size :100px; line-height :100px; text-align :center; } #test-left{ width :390px; height :280px; float :left; margin-top :230px; font-size :25px; color :#FFF; animation: move1 3s ease-out .2s; } @keyframes move{ 0%{ margin-left :0; } 100%{ margin-left :50px; } } @keyframes move1{ 0%{ margin-top :300px; }100%{ margin-top :230px; } } @keyframes text{ 0%{ opacity :1; }100%{ opacity :0; } } @keyframes back{ 0%{ background :url(../image/bg.jpg); }50%{ background :url(../image/bg2.jpg); }100%{ background :url(../image/bg3.jpg); } }

wordpress主题背景图片失效,无法显示,所有主题都不行,同时后台部分css无法显示

下图是首页,无法显示主题背景图片 ![图片说明](https://img-ask.csdn.net/upload/201701/30/1485758051_513681.png) 按照道理应该是下面第一张图片的样子 ![图片说明](https://img-ask.csdn.net/upload/201701/30/1485758112_638966.png) 同时在后台的部分css样式无法显示 ![图片说明](https://img-ask.csdn.net/upload/201701/30/1485758172_61122.png) 这是什么原因,跪求大佬解释

CSS中背景图片在body中可以显示,但在div中无效

CSS中background image url(),中,在body中直接写background image url("../ptoto/banner1.jpg,")没什么问题,图片可正常显示。 但如果是在div中却不行,需要另外设置width和height,请问如何才可以在div中不设置宽和高就可以显示图片?

css中背景设置了图片就是显示不出来?

图片文件路径没问题。 ``` <div class="wrap"></div> .wrap{ width:500px; height:300px; background-image:url("images\1.jpg"); border:solid 1px black; } ``` ![图片说明](https://img-ask.csdn.net/upload/201708/04/1501842462_280387.png)

css的background属性,背景图片太大无法适应屏幕显示

![psd文档](https://img-ask.csdn.net/upload/201609/08/1473344804_369356.png); ![用于bg的图片](https://img-ask.csdn.net/upload/201609/08/1473344865_933005.png); ![浏览器打开后](https://img-ask.csdn.net/upload/201609/08/1473344768_894934.png); 在练习仅用html+css布局时,裁剪下的图片像素太高,css设置了width:100% auto; background: url("images/header.gif") no-repeat;浏览器显示的结果如图。 问:请问各位前辈怎样才能设置图片的大小适应屏幕呢,除了css3的background-size:100%.

怎样通过CSS和js强制图片显示为正方形

很明显,CSS并没有下面这样的写法: > .text img {width:50%;height=width;} 那么如何强制图片为正方形显示呢?宽度不固定的情况下

myeclipse中jsp连接css样式中的图片怎么在浏览器中不显示

![图片说明](https://img-ask.csdn.net/upload/201706/18/1497779464_330307.png) 路径名:![图片说明](https://img-ask.csdn.net/upload/201706/18/1497792504_160252.png) ![图片说明](https://img-ask.csdn.net/upload/201706/18/1497792519_359964.png) ![图片说明](https://img-ask.csdn.net/upload/201706/18/1497792532_568305.png) 感觉没错呀,求大神解答

CSS无法正确显示背景图片

css: ul.menu{font-size:22px}ul.menu li{display:inline; list-style:none;} ul.menu li.menu_left{background:#FFF url(../../image/menu_left.png) no-repeat; width:17px; height:40px;} ul.menu li.menu_middle{background:#fff url(../../image/menu_middle.png) repeat-x; width:200px; height:40px;} ul.menu li.menu_right{background:#fff url(../../image/menu_right.png) no-repeat; width:17px; height:40px;} html: <ul class="menu"> <li class="menu_left"></li> <li class="menu_middle">首页</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_right"></li> </ul> 图片可以显示,但是宽高无法按照设定的值显示,如果有文字,他会显示文字和部分背景,如果没有文字,他就全部不显示了,我用的是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个模式,发现将他删了就可以正常显示,但是这个是规定不能删的,请问我的CSS代码要怎么改?

css中设置了id属性,网页中显示不出来

css中设置了id属性,网页中显示不出来 html代码 <body> <div id="container"> <div id="header"> <div class="logo"> </div> <div id="banner"> </div> <div id="tool"> </div> <div id="nav"> </div> </div> <div class="t"></div> <div id="content"> </div> <div class="t"></div> <div id="footer"> </div> </div> </body> css样式

请问我在Myeclipse中做JSP,但是css,js和图片,在MyEclipse中可以显示,在浏览器中不显示,这是怎么回事啊

绝对路径和相对路径我都试过了,死活出不来结果,求大佬们帮帮忙! ![图片说明](https://img-ask.csdn.net/upload/201904/03/1554296926_229478.png)![图片说明](https://img-ask.csdn.net/upload/201904/03/1554296935_422684.png)![图片说明](https://img-ask.csdn.net/upload/201904/03/1554296951_984356.png) 就拿这个注册的CSS举例,我加了一个边框,但是在浏览器中这个边框根本显示不出来

Nginx配置完成后访问登陆界面不能显示css,图片等

Nginx配置完成后可以访问不带登陆界面的任何网站,页面格式图片都正常显示;只要访问带登陆界面的网站就不能显示css,图片等

为什么css样式中不能正确显背景图片?

在css样式中不能正确的显示图片,但是把样式写在html里面又能显示,这是什么原因

jsp页面 背景图片无法显示的问题

这是图片路径:![图片说明](https://img-ask.csdn.net/upload/201508/12/1439373427_143532.png) 这是css路径:![图片说明](https://img-ask.csdn.net/upload/201508/12/1439373457_243229.png) 这是语句:![图片说明](https://img-ask.csdn.net/upload/201508/12/1439373502_937006.png) 在css中按ctrl键能查看到图片,但是jsp页面中查看元素就无法显示 这是页面路径:![图片说明](https://img-ask.csdn.net/upload/201508/12/1439374071_603929.png)

django中CSS代码不起作用

在django项目中,我把css文件放到static/css/style.css中 但是没有起作用...但是打开谷歌的开发者工具,在sources中确实能看到css代码加载了 显示如下: ![图片说明](https://img-ask.csdn.net/upload/201811/20/1542676382_1223.png) django的settings文件也设置了: ![图片说明](https://img-ask.csdn.net/upload/201811/20/1542676463_713387.png) 网页中控制台显示如下: ![图片说明](https://img-ask.csdn.net/upload/201811/20/1542676516_547559.png)

在css中对于图片应该怎么处理

在css中对于图片应该怎么处理?什么时候需要背景 什么时候需要img 当图片过大或过小应该怎么处理才不会虚化 或者显示不全 或者不居中

rails中使用css不能显示背景图片的问题?

<p>       我在使用rails中,index.html.erb中设置了&lt;%= stylesheet_link_tag :all %&gt;  其中将style.css文件放在stylesheets文件夹中,但显示的页面中无论如何也不能将css文件中设置的背景图像显示出来。 <br />       css文件包含很多这样的语句:#loginPan{width:359px; height:199px;<span style="color: #800000;"> background:url(images/formbg.gif)</span> 0 0 repeat-y;}并将图片放在了images文件夹中,但其中的图片怎么也显示不出来但格式可以起作用,希望有人能回答我,谢谢<img src="/images/smiles/icon_arrow.gif" alt="" />!</p> <p> </p>

css 如何设置几个图片在同一行显示 并且按页面百分比排列 中间间隔一定间隙 美观

css 如何设置几个图片在同义行显示 并且按页面百分比排列 中间间隔一定间隙 美观

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

都前后端分离了,咱就别做页面跳转了!统统 JSON 交互

文章目录1. 无状态登录1.1 什么是有状态1.2 什么是无状态1.3 如何实现无状态1.4 各自优缺点2. 登录交互2.1 前后端分离的数据交互2.2 登录成功2.3 登录失败3. 未认证处理方案4. 注销登录 这是本系列的第四篇,有小伙伴找不到之前文章,松哥给大家列一个索引出来: 挖一个大坑,Spring Security 开搞! 松哥手把手带你入门 Spring Security,别再问密...

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

阿里面试官让我用Zk(Zookeeper)实现分布式锁

他可能没想到,我当场手写出来了

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

2020春招面试了10多家大厂,我把问烂了的数据库事务知识点总结了一下

2020年截止目前,我面试了阿里巴巴、腾讯、美团、拼多多、京东、快手等互联网大厂。我发现数据库事务在面试中出现的次数非常多。

立即提问
相关内容推荐