اضافة اكثر من background-image بنفس div

[TlT]

السلام عليكم

اخواني لدي مثلاً div واريد اضافة له اكثر من خلفية وبخصائص مختلفة لكن شرط انه نفس الديف لانه متمدد مع حجم المحتوى واريد ان يظهر كل شئ بمكانة


الخصائص الاولى

<style type="text/css">
.test {
	background-image:url('http://www.swalif.net/softs/images/statusicon/thread_new.gif');
	background-position:center top;
	background-repeat:repeat-x;
	background-attachment:fixed;
}
</style>

الخصائص الثانية

<style type="text/css">
.test {
	background-image:url('http://www.swalif.net/softs/images/statusicon/thread_new.gif');
	background-position:left bottom;
	background-repeat:repeat-y;
	background-attachment:fixed;
}
</style>

الـ div

<div class="test" style="height: 353px">

طبعا انا متيقن جداً انه الكود اللي بالاعلى خاطئ 100% ولو تم اضافته بهذا الشكل لن يعمل بالشكل الصحيح لكن هل من طريقة تقدم نفس الفكرة المطلوبة بحيث نفس الـ div لكن له خلفيتين بخصائصتين والصور مثلا ستكون بصيغة png وستكون هناك للصور خلفية شفافة لتسمع ظهور الصورة الثانية

اعتقد الموضوع معقد :con2:

[Mohamed Amin]

هذه الخاصية موجودة فى CSS3
المتصفح الوحيد الذى ستعمل عليه هذه الخاصية هو safari

[magic4host.com]

لا يمكنك إلا فى css3 كما قال أخى Mohamed Amin

الصيغة المعتمدة لذلك من w3c

background-image: url(flower.png), url(ball.png), url(grass.png);

CSS Backgrounds and Borders Module Level 3