وضع صورة فوق صورة في css

يمكن ذلك من خلال التلاعب بالخاصية z-index حيث أن العنصر الذي له z-index أكبر يظهر فوق باقِ العناصر.

div  {
  z-index: 999;  // في أعلى كل القيم التي أصغر
}

ولكي تتحرك الصورة لجهة اليسار كما فهمت أن Footer على اليسار؟ استخدم position absolute للصورة مع تحديد المحاذاة left و bottom مع قيم مناسبة لها.

div {
	position: absolute;
	left: 30px;
	bottom: 0px;
}

• bottom بقيمة 0 لكي تلاصف الحافة السفلية
• left بنفس قيمة الهوامش في مشروعك مثلاً.

إذا كانت الصورة تنتمي ل div آخر، اجعل خاصية over flow له أضف أيضاً z-index

div {
  overflow: visible;
}

بتاريخ 3 ساعات قال Wael Aljamal:

يمكن ذلك من خلال التلاعب بالخاصية z-index حيث أن العنصر الذي له z-index أكبر يظهر فوق باقِ العناصر.

div  {
  z-index: 999;  // في أعلى كل القيم التي أصغر
}

ولكي تتحرك الصورة لجهة اليسار كما فهمت أن Footer على اليسار؟ استخدم position absolute للصورة مع تحديد المحاذاة left و bottom مع قيم مناسبة لها.

div {
	position: absolute;
	left: 30px;
	bottom: 0px;
}

• bottom بقيمة 0 لكي تلاصف الحافة السفلية
• left بنفس قيمة الهوامش في مشروعك مثلاً.

إذا كانت الصورة تنتمي ل div آخر، اجعل خاصية over flow له أضف أيضاً z-index

div {
  overflow: visible;
}

 

تسلم زبط

لكن في طريقة انه يظله ملتصق بصورة الفوتر ؟ لانه كلل ما اكبر او بصغر الصفحة فهو بنزل تحتها لانه ملتصق باسفل الصفحة

بتاريخ 3 ساعات قال Wael Aljamal:

يمكن ذلك من خلال التلاعب بالخاصية z-index حيث أن العنصر الذي له z-index أكبر يظهر فوق باقِ العناصر.

div  {
  z-index: 999;  // في أعلى كل القيم التي أصغر
}

ولكي تتحرك الصورة لجهة اليسار كما فهمت أن Footer على اليسار؟ استخدم position absolute للصورة مع تحديد المحاذاة left و bottom مع قيم مناسبة لها.

div {
	position: absolute;
	left: 30px;
	bottom: 0px;
}

• bottom بقيمة 0 لكي تلاصف الحافة السفلية
• left بنفس قيمة الهوامش في مشروعك مثلاً.

إذا كانت الصورة تنتمي ل div آخر، اجعل خاصية over flow له أضف أيضاً z-index

div {
  overflow: visible;
}

 

شكرا على الي قبل 

عملتله الان position: relative; و زبط