一个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)

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

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

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

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

HTML是构建网页结构的基石。1.HTML定义内容结构和语义,使用、、等标签。2.提供语义化标记,如、、等,提升SEO效果。3.通过标签实现用户交互,需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号,需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。
