CSS样式repeat-x有时候不可以循环把图片输出
<body><divid="head01"></div><divalign="center"><imgsrc="image/icss.png"alt="icss图片加载失...
<body>
<div id="head01"></div>
<div align="center"><img src="image/icss.png" alt="icss图片加载失败" /></div>
<div id="head02"></div>
</body>
body {
margin:0;
padding:0;
}
#head01{
width:936px;
height:23px;
background-position:top;
background-image:url(image/head_01.png);
background-repeat:repeat-x;
background-attachment:fixed;
margin:0 auto;
padding:0;
}
#head02{
width:936px;
height:50px;
background-position:bottom;
background-image:url(image/head_02.png);
background-repeat:repeat-x;
background-attachment:fixed;
margin:0 auto;
padding:0;
border-radius:5px;
}
第一个div id=head01可以把图片水平平铺，
但是第三个div id=head01就不可以平铺。
为什么？ 展开
<div id="head01"></div>
<div align="center"><img src="image/icss.png" alt="icss图片加载失败" /></div>
<div id="head02"></div>
</body>
body {
margin:0;
padding:0;
}
#head01{
width:936px;
height:23px;
background-position:top;
background-image:url(image/head_01.png);
background-repeat:repeat-x;
background-attachment:fixed;
margin:0 auto;
padding:0;
}
#head02{
width:936px;
height:50px;
background-position:bottom;
background-image:url(image/head_02.png);
background-repeat:repeat-x;
background-attachment:fixed;
margin:0 auto;
padding:0;
border-radius:5px;
}
第一个div id=head01可以把图片水平平铺，
但是第三个div id=head01就不可以平铺。
为什么？ 展开
展开全部
background-position:bottom;
background-image:url(image/head_02.png);
background-repeat:repeat-x;
background-attachment:fixed;
写成background:url(image/head_02.png) repeat-x bottom;
background-image:url(image/head_02.png);
background-repeat:repeat-x;
background-attachment:fixed;
写成background:url(image/head_02.png) repeat-x bottom;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是可以的啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
