利用CSS设置背景图片不显示的问题

用CSS写背景图片，background-image:url("1.jpg"); 但是一直都不显示图片，只有原本写好的div的边框。

一般不显示都是路径写错的问题，（图片的相对路径是指相对于写这条css语句的文件）但是我的路径没错，发现整个div除了边框爱可以看到一点图片上的绿色，于是给加了个高度，诶可以了！

这种低级错误....写下来提醒一下自己。给块级元素写背景图片一定要设置元素的高度，也试了一下，如果没有设置宽度的话，块级元素默认是整个页面宽度100%。

另外，试了一下行内元素貌似是不能通过background-image:url("1.jpg");来设置背景图的。

==============================================================================

下面收藏一下大牛用CSS写背景图的一些知识：

http://blog.csdn.net/adenfeng/article/details/8199362/

利用CSS设置背景图片不显示的问题相关推荐

html背景图片只显示一张图片,img只显示图片一部分或 css设置背景图片只显示图片指定区域(示例代码)...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
html如何把图片在背景图一半,img只显示图片一部分或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
css 设置背景图一半_img只显示图片一部分或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
php设置背景图片的代码,css设置背景图片如何实现？（代码实例）
本篇文章给大家带来的内容是关于css设置背景图片如何实现?(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用J ...
Html设置背景图模糊,CSS设置背景图片模糊内容不模糊的解决方法
需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 解决方法:内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置, ...
background-position—CSS设置背景图片的位置
background-position :在 CSS 中通过 background-position 属性可以调整背景图片的位置.因为在默认情况下背景图片都是从设置了 background-posit ...
css设置背景图片模糊，文字清晰展示
css设置背景图片模糊,文字清晰展示使用filter: blur来实现,blur的值越大越模糊效果图: html: <div class="box"><p&g ...
css设置背景图片模糊，内容不模糊
需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 解决方法:内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置. ...
CSS 设置背景图片
一.基本设置使用 CSS 可以通过以下属性设置背景图片: background-image: 设置背景图片的 URL. background-size: 设置背景图片的大小.可以设置为绝对像素值,也 ...

利用CSS设置背景图片不显示的问题

利用CSS设置背景图片不显示的问题相关推荐

最新文章

热门文章