背景图像无显示

时间:2013-08-26 11:42:02

标签: html css background-image

我目前正忙于创建一个简单的网站。

当我尝试创建背景图片时,它就不会显示。我只使用相同的映射只是一个普通的图像,只是为了检查我的映射是否没有错误。

这是我目前的代码:

<body>
<table>
<!-- multiple <trs><tds><divs></divs></tds></trs> -->
</table>
</body>

我的css看起来像这样:

* { 
    padding:0; margin:0; 
}

html, body {
    height:100%; 
    width: 100%;
}

body{
    background: transparent url('./img/background.jpg') no-repeat 0 center;
    display: inline-block;
}

编辑:

我已将其更改为:

background: transparent url('../img/background.jpg') no-repeat 0 center;

它有效,但当我再次刷新页面时,它停止工作..

4 个答案:

答案 0 :(得分:0)

试试这个:

background-image: transparent url('../img/background.jpg') no-repeat 0 center;

答案 1 :(得分:0)

./需要更改为../否则无法正常工作

答案 2 :(得分:0)

./img/background.jpg'替换为../img/background.jpgimg/background.jpg

答案 3 :(得分:0)

Change this code

background: transparent url('./img/background.jpg') no-repeat 0 center;

and write like this

background: transparent url('../img/background.jpg') no-repeat 0 center;