یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
احمدرضا مرادی
10 ماه پیش توسط احمدرضا مرادی مطرح شد
5 پاسخ

مشکل مخفی کردن باکس با visibility در CSS

سلام دوستان 🙃
من یک صفحه را با html و css طراحی کردم
برای رسپانسیو کردن از media@ استفاده کردم .

میخواستم وقتی عرض صفحه کوچک شد یکی از باکس های موجود در header مخفی بشه ❕
برای همین از visibility با مقدار صفر استفاده کردم اما متوجه شدم بعد از اینکه باکس مخفی می‌شه طول و عرضش توی صفحه باقی می‌مونه 😐
و باعث میشه باکس های دیگه برخلاف چیزی که من میخوام جابه‌جا نشن و جای اون باکس که مخفی شده را نگیرن


کسی میتونه راهنمایی کنه چطور می‌تونم با مخفی کردن یک المنت در صفحه طول و عرضشم باهاش مخفی کنم؟

امیدوارم تونسته باشم منظورما درست برسونم 🤦‍♂️


ثبت پرسش جدید
رضا غلامیان
تخصص : Web Developer
@Jetfox 10 ماه پیش مطرح شد
1

سلام
به این صورت مقدار دهی کنید که المان کاملا از صفحه با عرض و طول حذف بشه یعنی انگار نه انگار که المان خاصی وجود داشته :

.selector{
display : none;
}

محمد حسین
تخصص : mevn stack
@saghari 10 ماه پیش مطرح شد
-1

فکر میکنم باید به این شکل بنویسی

visibility: hidden;
opacity: 0;

شفافیتش رو هم باید صفر کنی


احمدرضا مرادی
تخصص : برنامه نویس و طراح سایت
@AhmadRezaMoradi 10 ماه پیش مطرح شد
0

از opacity صفر هم که استفاده می‌کنم تغییری نمی‌کنه و بازم طول و عرض المنت مخفی شده توی صفحه باقی می‌مونه


رضا غلامیان
تخصص : Web Developer
@Jetfox 10 ماه پیش مطرح شد
1

سلام
به این صورت مقدار دهی کنید که المان کاملا از صفحه با عرض و طول حذف بشه یعنی انگار نه انگار که المان خاصی وجود داشته :

.selector{
display : none;
}

احمدرضا مرادی
تخصص : برنامه نویس و طراح سایت
@AhmadRezaMoradi 10 ماه پیش مطرح شد
1

درست شد خیلی ممنون 🙏


امیرمهدی رحیمی
تخصص : front-end
@AmirMahdiAmirMahdi 10 ماه پیش مطرح شد
1

سلام اگر میخواهید که اون المنت کلا از دام حذف بشه کافیه که

.class{
display : none;
}

توجه داشته باشید که opacity و visibility فقط اونو نامرئی میکنن ولی اونو حذف نمیکنن انگار جاش میمونه


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام