---
id: 587d78a3367417b2b2512acf
title: Change the Position of Overlapping Elements with the z-index Property
challengeType: 0
videoUrl: ''
localeTitle: تغيير موضع تراكب العناصر مع خاصية فهرس z
---
## Description
عندما يتم وضع العناصر للتراكب ، سيظهر العنصر الذي سيأتي لاحقًا في ترميز HTML ، بشكل افتراضي ، في أعلى العناصر الأخرى. ومع ذلك ، يمكن أن تحدد خاصية z-index
ترتيب كيفية تكديس العناصر فوق بعضها البعض. يجب أن يكون عددًا صحيحًا (أي عددًا كاملاً وليس عشريًا) ، والقيم الأعلى لخاصية z-index
لعنصر ما ، تحركه أعلى في المكدس من تلك ذات القيم الأقل.
## Instructions
إضافة خاصية z-index
إلى العنصر مع اسم الفئة first
(المستطيل الأحمر) وتعيينه إلى قيمة 2 بحيث يغطي العنصر الآخر (المستطيل الأزرق).
## Tests
```yml
tests:
- text: يجب أن يحتوي العنصر ذو الصنف first
على قيمة z-index
2.
testString: 'assert($(".first").css("z-index") == "2", "The element with class first
should have a z-index
value of 2.");'
```
## Challenge Seed
## Solution
```js
// solution required
```