Question

DIV+CSS 设置背景平铺属性时碰到一件怪事

.TitleBarDIV { height:35px;}
.TitleBarDIV #A1 {float:left;width:50px; height:27px; padding-top:8px; background-repeat:repeat-x;}
.TitleBarDIV #A1 #B1 {width:27px; height:20px;padding-right:23px; padding-top:5px; text-align:center; background-repeat:no-repeat;}
.TitleBarDIV #A2 {float:left;height:20px; padding-top:15px;}
.TitleBarDIV #A3 {float:left;width:50px; height:35px;background-repeat:repeat-x;}

<div class="TitleBarDIV">
<div id="A1" style="background:url(bar_A_1.png);">
<div id="B1"style="background:url(bar_B_1.png); font-size:14px; font:'Arial';font-weight:bold; color:#febede;">C1</div>
</div>
<div id="A2" style="background:url(bar_A_2.png);width:540px;font-size:13px;font:'微软雅黑'; font-weight:bold; color:#d33f7e;">综合推荐</div>
<div id="A3" style="float:left;background:url(bar_A_3.png);"></div>

================
重点在A3-DIV标签上，现在这种repeat-x;属性放置位置无效，VS8与CHROME都不认。如果（将repeat-x;与background:url设置同时放在DIV的STYLE属性里）或（放在CSS定义里）、（或把repeat-x;放在定义里，background:url放在CSS定义里），这三种情况都有效。唯独现在的情况无效!这是为什么呢？为什么会出现这样怪怪的问题？

Answer 1

你为何要分开来写啊,写到HTML里,代码冗沉不说,也不好读
background:url((bar_A_3.png) repeat-x; 这样写不就完了? 要有背景,高是一定要一起定义的:)

有时也不要过于甚解,那样太累了,CSS这个东西有时会把人弄疯的:)

Answer 2

给他宽高就行了