css背景图片不能平铺显示

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>signal</title>
<style type="text/css">
#signal{
width:3px;
height:1000px;
background-image:url(images/signal_r3_c15.jpg);
background-repeat:repeat-x;
</style>
</head>

<body>
<div id="signal">
</div>
</body>
</html>
我写了这段代码可是浏览器上显示不出来平铺的效果只有窗口最左边有个图片

我的图片是在imges文件中 imges文件是在站点文件夹里的

请高手指点啊谢谢了
我想我问的有问题我是想要那种背景线性渐变的效果通过把一个渐变条不断横向重复来铺满整个屏幕以达到那种效果所以我把那个竖直渐变条设为1px
不知道为什么不显示啊？？？？？

以下的方法全部都试了还是不行。。。。

举报该问题

其他回答

第1个回答 2010-11-19

图片的宽度被你设置成3象素了，也就是平铺出来的宽度只有3px那么一点，所以只有左边显示那么一点！
把宽高都改成百分数吧，方便，这样就行了！

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>signal</title>
<style type="text/css">
#signal{
width:100%;
height:100%;
background-image:url(images/signal_r3_c15.jpg);
background-repeat:repeat-x;
</style>
</head>

<body>
<div id="signal">
</div>
</body>
</html>

第2个回答 2010-11-19

【background-repeat:repeat-x;】
这个属性的意思是背景图X重复
你要平铺的话，改成
background-repeat:repeat；
或者整句话去掉

第3个回答 2010-11-19

background-repeat:repeat-x;这一句有问题，它的意思是背景图片横向无限重复，而纵向就不重复了。因此，把这句代码删掉就能全部无限重复了。

第4个回答 2010-11-19

width:3px;
就是宽度问题

第5个回答 2010-11-19

你代码开头少一个<html>。

1 2 下一页

相似回答

怎么用css把背景图片拉伸不是平铺答：Dreamweaver8 工具下面有个页面属性你开启后设置背景还有平铺什么的一些属性你看一下就会用了解决方法有两种：一种是CSS，使用background-size:cover实现图片的拉伸效果，但是IE8及以下版本不支援background-size，于是可以使用微软的滤镜效果，但是IE6不支援。程式码如下:body{background:url(bg.jp...

大家正在搜

css背景图片不平铺怎么设置 css背景图片显示不全 css怎么设置背景图片平铺 css设置背景图片平铺 css背景图的平铺方式 css背景图片铺满 css中图片不平铺 css背景图像平铺 css图片水平平铺