استثمر للحياة

برمجة و تصميم و تطوير المواقع

الطبقات z-index في CSS

حجم الخط

استثمر للحياة

الطبقات فى CSS من أهم خصائصها ........
حيث انها تتيح لنا وضع صور متراكمة . احدهما فوق الاخرى

الطبقـــــــــــــــــــات

 ترتيب الطبقات  باستخدام   z-index  ..... يمكنها أن تضع صور أو كتابات متراكمة بعضها فوق بعض  .  انظر الصورة

investolife

 

سنستخدم z-index  و نعطى لكل طبقة رقم  ,  وهنا الخاصية  z-index  ستسمح للعناصر ذات الرقم الأعلى بأن تكون فوق العناصر التي ذات الرقم الأدنى.  و الصورة توضح المعنى .

investolife

و يكون الكود

 

 

investolife

لاحظ استعملنا المعرف # لان كل ورقة من اوراق اللعب لن يتكرر ظهورها الا مرة واحدة

ترتيب العناصر فوق بعضها البعض سهل والإمكانيات كثيرة، يمكنك أن تضع الصور فوق النص أو النص فوق الصور أو تضع نصاً فوق نص ... إلخ.

 

 مهم

الطبقات يمكن استخدامها في الكثير من الحالات، فمثلاً جرب استخدام z-index لإنشاء مؤثرات على العناوين بدلاً من استخدام الصور، فهذا يجعل الموقع أكثر سرعة ويعطيه فرصة للظهور في محركات البحث .

 

investolife

 

اعلان تجاري
اعلان 468