نمایش div روی تمام المنت ها همراه با back disable

[benyamin_pc]

برای اینکه بشه یه دایو روی کل المنت ها نمایش داد و حالت disable به المنت های زیرش بدیم سمپلی چیزی کسی داره؟

 

[progpars]

کد سی اس اس زیر رو تست کنید :

 position:relative; z-index:2;

 

[benyamin_pc]

با پوزیشن میشه آوردش روی المنت های دیگه البته از نوع مطلق نه ریلیتیو , اینجوری اون z-index هم بذاریم و نذاریم فرقی نداره اما این نه , میخام زیریا حالت disable بگیرین , مثلا اینجا عکسی تو سایت میزنین دیدین چجوری میشه , اونجوری

 

[eAmin]

روش کار به اینصورت هست که یک div ایجاد می کنید و خصوصیات css مثل کدهای زیر برای اون در نظر میگیرید:

.box-shadow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1000;
	opacity: 0.80
}

حالا هر وقت بخواید میتونید توسط JavaScript خصوصیت display تگ مورد نظر رو عوض کنید تا ظاهر و یا دوباره مخفی بشه. اینکه چطور اینکار رو انجام بدید ساده است و اگر جستجو کنید میتونید روش انجام اینکار رو پیدا کنید در همین انجمن.

 

[benyamin_pc]

خوب منم همینو نوشته بودم , نحوه نمایش دادن و مخفی کردنش هم میدونم اما اینکه اونی نیست که میخام بشه که , میخام دایو که میاد روی همه چیز , هرچی زیر دایوه خاکستری شه نه خودش! اینجا تو مجید آنلاین یه عکس که پیوند شده کلیک کنین ببینین چطور میشه , اینجوری

 

[benyamin_pc]

الان یه نمونه ساختم , در اصل باید این خصوصیات به دایو زیری میدادم و برای دایو روئی اپاسیتیو 100 میدادم

 

[benyamin_pc]

به هر حال ممنون دیگه حل شد