css图片不显示_html/css_WEB-ITnose
程序员文章站
2022-03-15 13:41:48
...
css 图片 url JSP页面通过引入样式app.css
app.css通过如下方式定义样式
.login .login_logo {height:55px;background:url(/images/login/logo.jpg) no-repeat 10px 0px;}
但是图片却显示不出来。
如果改成.login .login_logo {height:55px;background:#FFF000 no-repeat 10px 0px;},可以显示出颜色效果
通过浏览器http://localhost:8777/diao/images/login/logo.jpg也可以显示出图片,那么图片显示不出来是什么原因
app.css通过如下方式定义样式
.login .login_logo {height:55px;background:url(/images/login/logo.jpg) no-repeat 10px 0px;}
但是图片却显示不出来。
如果改成.login .login_logo {height:55px;background:#FFF000 no-repeat 10px 0px;},可以显示出颜色效果
通过浏览器http://localhost:8777/diao/images/login/logo.jpg也可以显示出图片,那么图片显示不出来是什么原因
回复讨论(解决方案)
图片路径设置错误
图片路径设置错误
通过这个路径已经可以访问到图片了http://localhost:8777/diao/images/login/logo.jpg
那么还应该如何设置路径
url(/diao/images/login/logo.jpg) 这个怎样。
路径的问题啊,你把文件引用过去了,那路径就得按照引用的文件的算啊。background:url(../images/login/logo.jpg) 试试
图片路径的问题。
你用这个试试,就是路径那个地方像我这样改下
.login .login_logo {height:55px;background:url(~/images/login/logo.jpg) no-repeat 10px 0px;}
图片路径的问题
上一篇: javascript放在什么标签内
下一篇: css怎么给文字添加描边
推荐阅读
-
Bootstrap栅格布局系统的特点_html/css_WEB-ITnose
-
初探css3_html/css_WEB-ITnose
-
二级导航菜单_html/css_WEB-ITnose
-
Bootstrap组件之Glyphicons字体图标_html/css_WEB-ITnose
-
HTML常用标签之超链接标签_html/css_WEB-ITnose
-
CSS3透明属性opacity_html/css_WEB-ITnose
-
CSS的opacity属性_html/css_WEB-ITnose
-
一款纯css3实现的颜色渐变按钮_html/css_WEB-ITnose
-
用css来控制图片大小显示的实现方法与代码
-
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)