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

benyamin_pc

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

benyamin_pc

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

eAmin

Well-Known Member
روش کار به اینصورت هست که یک 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

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

benyamin_pc

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

جدیدترین ارسال ها

بالا