关于CSS3的Multiple backgrounds解决方案

关于CSS3的Multiple backgrounds
先上CSS代码：

CSS code

.css3Div        {          background-image:url('/img/code1_left.jpg'),url('/img/code2_slice.jpg'),url('/img/code2_right.jpg');            background-position:top left,top center,top right;            background-repeat:no-repeat,repeat-x,no-repeat;                        width:80%;            height:31px;            border:solid 1px red;}

描述：这个css的class用于一个div，这个div的背景由3个图片组成，
这3个图片的高度都是31px，其中，中间的那个图片是可以repeat的，
左右两个图片都不能repeat。
问题：在页面上显示的结果是：左面的图片正常显示，中间的图片也正常平铺，但是右边的图片不显示（因为被中间的图片盖掉了），请问大家知道这是怎么回事吗？
注：浏览器是chrome

满意答案必有重谢！

[解决办法]
这个问题目前估计没办法解决。。。
[解决办法]

探讨

引用:

这个问题目前估计没办法解决。。。

现在已经解决了，关键是在设置background-image的时候，哪个图片的url写在最前面，哪个图片在显示的时候就会在最上层，以此类推。
所以，我把中间平铺的那个图片写到最后面就解决问题咯。

只可惜不能把分给自己了。
恢复我帖子的同志们都能得分哦.

[解决办法]
对啊，为什么不多使用div划分区域呢？

查看更多 下一篇