css文件中怎么引用图片不显示
程序员文章站
2022-03-14 22:00:22
...
css文件中引用图片不显示的原因及解决办法:1、css没有被调用,需要检查css调用是否成功;2、css图片地址不对,需要检查css图片地址是否正确;3、div被嵌套,需要查看嵌套的div是否设置正确等。
本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。
推荐:《css视频教程》
css文件中使用background-image/background引用图片不显示的原因和解决方法
css背景图片无法显示,有以下几方面原因和解决方法:
1、css没有被调用;请检查css调用是否成功。
2、css图片地址不对;请检查css图片地址是否正确。
3、元素的高度没有固定,是auto或者没有设值;div设置错误容易导致背景图片高度太大则无法显示。
4、div被嵌套;查看嵌套的div是否设置正确。
5、div代码不规范;请检查div代码是否书写正确。
6、被同名css类的样式所覆盖。
.icon-document { background-image: url(../image/document.png); display:block; float: left; width: 25px; height: 21px; }
需要注意的地方:
1、确保路径正确;
2、成块显示;
3、指定宽高。
以上就是css文件中怎么引用图片不显示的详细内容,更多请关注其它相关文章!
推荐阅读
-
Apache .htaccess 怎么阻止静态资源被直接访问(如图片或CSS)而必须要求在被信任的域名上的页面中引用?
-
html中播放swf文件,怎么显示下面的开关面板的部分?_html/css_WEB-ITnose
-
webpack中把css文件打包成独立文件,背景图片不显示的问题
-
css - php 生成的word文件怎么把图片显示出来并且样式正确?
-
有用sublime text的没?怎么样从文件系统中拷贝一个图片直接插入到sublime的项目中?_html/css_WEB-ITnose
-
用PhpStorm开发Thinkphp项目,如何显示引用的css文件中的元素提示?
-
在vue+webpack中解决css引用图片打包后找不到资源文件方面的问题
-
javascript - 七牛云的内容管理一栏是否不能显示Js文件?怎么没有见到?只是见到图片,CSS文件?问题已解决!
-
css - php 生成的word文件怎么把图片显示出来并且样式正确?
-
javascript - 七牛云的内容管理一栏是否不能显示Js文件?怎么没有见到?只是见到图片,CSS文件?问题已解决!