Question

用My Eclipse做html + css网页 所有图片无法显示

如题
现在的问题是 我如果在div里 直接<img src=""/>图片能显示出来 但是在css里 blackgound img:(url)就无法显示~ 什么情况？

Answer 1

css加背景的语法是：background-image: url(’xxx.jpg‘)，建议用background: url(’xxx.jpg‘)，防止被父容器的背景设置覆盖。

很重要的是，图片路径与你用<img src 不同，<img 是根据当前html页面位置判定，而css中的路径是根据css的所在路径判断。例如：

文件结构 index.html images/logo.jpg css/style.css

在index.html中引用图片是 <img src="images/logo.jpg" />
那在css中应该是 background-image: url(’../images/logo.jpg‘)

Answer 2

呵呵css都写错了，怎么会显示呢?没有background img:(url)这种写法哦！正确的是background-image:url(图片路径)；还有一点背景图片是给div设置的，不是img。最后的问题，你给div设置宽度和高度了吗？你用<img>的时候，<img>会自动撑开div。而如果是设置背景图片的话，就必须设置div的宽和高。

Answer 3

图片路劲错误

追问

路径没错~~

追答

你的css怎么写的，贴出来

Answer 4

怀疑图片的路径是否正确 可以将所有的文件放到同一个站点下

Answer 5

1、路径错误
2、不可以在同一路径下
3、在部分浏览器中 路径中不可以有空格、汉字...

追问

现在的问题是 我如果在div里 直接图片能显示出来 但是在css里 blackgound img:(url)就无法显示~ 什么情况？

追答

看看html中标签的引用确定没错的话。

background-image: url(’图片路径‘) 。

尽量不要将图片、html跟css文件放同一目录。