2013-12-21 47 views
0

我有一个像素高和600像素长的图像,但是当我将此图像设置为div的背景时,图像不显示。例如:如何制作1像素高度的图像div的背景图像?

<div style="background-image:url(.images/goldSplitterMed.png); background-repeat:repeat-y"></div> 

重复我认为是无关紧要的,但我刚刚用它incase。

我试过设置宽度和高度,但也没有占上风。

还有什么可以阻止这个图像出现吗?

感谢

+0

与background-image一起使用'background-repeat'是不必要的。 CSS背景图像自动重复。 – 2013-12-21 22:06:09

+0

你确定图像的路径是正确的吗?如果是这样,请添加height:1px;到那个样式属性 – Josh

回答

2

因为它是现在,你<div>具有零高度,因为它没有任何内容。背景图片不是内​​容;)

要么把东西放在那里,要么将一个height添加到CSS。

+0

有两个问题,路径也是错误的(缺少一个“/”,但是我认为它早些时候是正确的,而且它没有与1像素的高度一起工作,我已经将高度设置为10并且将内容在里面...和背景图像的作品,但没有内容和高度设置为1像素 - 没有图像显示 – user2585188

+0

要使用图像来显示它而不是一个div,认为这会更容易 思想页面布局会更整齐,代表图像的div,但我想这里没有任何伤害。 感谢大家的评论。 – user2585188