一个CSS图片显示的问题,急,一直卡在这了_html/css_WEB-ITnose
CSS路径都对,并且从html都能正确的读出除了图片链接意外的全部部署信息,但是就是没法显示图片,各种方式的链接地址都试过了,还是没有,
我的工程目录结构为 myweb/images/(放图片) myweb/css/(css配置文件) myweb/webcontent/(html,jsp等)
下面为一小部分的代码,看看到底是什么错呢?
body{background:url(../images/bg.jpg) center top no-repeat; background-color:#eff3f6;}.x_key{background:url(images/key.jpg) 0 2px no-repeat; width:8px; height:13px; float:right; overflow:hidden;_margin-top:-1px;}.ms_head{margin:auto auto 45px; width:960px; color:#ffffff;height:70px;}.ms_head .nav_2{background:url(images/app_merge_20120208.png) no-repeat; width:162px; height:28px; float:left; margin-left:30px; font-size:15px; line-height:28px;margin-top: 10px;}.ms_head .nav_m9{background-position: 0 0;}.nav_m9 a{color:#7ccbf7 !important;text-decoration: none !important;}.ms_head .nav_m8{background-position: 0 -33px;}.nav_m8 a{padding-left:10px;color:#7ccbf7 !important;}.ms_head .x_top{padding-top:7px; line-height:14px; width:70%; overflow:hidden;color:#FFF !important;float: right;}.ms_head .x_top a:visited{color:#FFF;}.x_top a:link{color:#FFF;}.ms_head .x_bottom{float:left; line-height:40px;height:40px;_height:90px; width:840px;;postion:relative;left:0;top:0;}.ms_head .op_nav{float:left; margin-left:30px;position:relative;width:410px;}.op_nav li{float:left; line-height:50px; padding:0 7px;}.op_nav li a{color:#fff !important; font-size:16px;text-decoration:none;}.op_nav li a:hover{color:#d4efff !important;text-decoration:none;}.op_nav .x_sep{height:12px; border-left:1px solid #ABDCF6; font-size:0px; width:0px; float:left; margin-top:20px; overflow:hidden;}.op_nav .floatClass{background:url(images/nav_1.jpg) 5px 5px no-repeat;padding-right:15px;}.x_bottom .x_appName{float:left; font-size:14px;}.x_bottom .x_search{background:url(images/app_merge_20120208.png) -164px 0px no-repeat; width:179px; height:28px; float:right; overflow:hidden; margin-top:12px;}.x_bottom .x_search input{border:medium none; margin:7px 0 4px 10px; height:17px;line-height:17px;width:126px; float:left;color:#A1C8DB;}.x_bottom .x_search a{float:left; width:40px; overflow:hidden; height:28px;}.x_bottom a:hover {text-decoration:none;}a.app_logoPaPa:hover{text-decoration:none;}.app_logo{background: url("images/app_logo.jpg") no-repeat scroll 0 0 transparent;background: url("images/app_logo.jpg") no-repeat scroll 0 0 transparent;color: #FFFFFF;cursor: pointer;float: left;font-size: 18px;height: 20px;margin-top: 20px;padding-top: 22px;text-decoration: none !important;width: 117px;color: #FFFFFF;cursor: pointer;float: left;font-size: 18px;height: 20px;margin-top: 20px;padding-top: 22px;text-decoration: none !important;width: 117px;}.x_top .x_link{float:right; overflow:hidden; padding:0 5px;}.x_sep{border-left:1px solid #ABDCF6; float:right; font-size:0px; width:0px; height:10px; margin-top:3px;_margin-top:1px; overflow:hidden;}.op_nav .bord_mid{float:left;width:100%;background:none repeat white;}.op_nav .current {background:transparent url(images/app_index.png) no-repeat scroll 3px 40px;}
上面代码中第一句body{background:url(../images/bg.jpg) center top no-repeat; background-color:#eff3f6;}的背景颜色是完全能表现出来的,就是图片不行
而且除了上面所写的图片路径方式外,还一股脑试了一堆
有../../images/bg.jpg
images/bg.jpg
加引号"images/bg.jpg"
回复讨论(解决方案)
直接访问图片url能看到图片吗?
在html里面用同样的链接是能将背景显示的
直接访问图片url能看到图片吗?
看了一下午,终于解决了,还是谢谢了,给10分吧
直接访问图片url能看到图片吗?

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

网页批注功能的Y轴位置自适应算法本文将探讨如何实现类似Word文档的批注功能,特别是如何处理批注之间的间�...

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。

实现图片点击后周围图片散开并放大效果许多网页设计中,需要实现一种交互效果:点击某张图片,使其周围的...
