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