مشکل مخفی کردن باکس با visibility در CSS
سلام دوستان 🙃
من یک صفحه را با html و css طراحی کردم
برای رسپانسیو کردن از media@ استفاده کردم .
میخواستم وقتی عرض صفحه کوچک شد یکی از باکس های موجود در header مخفی بشه ❕
برای همین از visibility با مقدار صفر استفاده کردم اما متوجه شدم بعد از اینکه باکس مخفی میشه طول و عرضش توی صفحه باقی میمونه 😐
و باعث میشه باکس های دیگه برخلاف چیزی که من میخوام جابهجا نشن و جای اون باکس که مخفی شده را نگیرن
❔ کسی میتونه راهنمایی کنه چطور میتونم با مخفی کردن یک المنت در صفحه طول و عرضشم باهاش مخفی کنم؟
امیدوارم تونسته باشم منظورما درست برسونم 🤦♂️
پاسخها
5
سلام
به این صورت مقدار دهی کنید که المان کاملا از صفحه با عرض و طول حذف بشه یعنی انگار نه انگار که المان خاصی وجود داشته :
.selector{
display : none;
}
فکر میکنم باید به این شکل بنویسی
visibility: hidden;
opacity: 0;شفافیتش رو هم باید صفر کنی
از opacity صفر هم که استفاده میکنم تغییری نمیکنه و بازم طول و عرض المنت مخفی شده توی صفحه باقی میمونه
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
درست شد خیلی ممنون 🙏
سلام اگر میخواهید که اون المنت کلا از دام حذف بشه کافیه که
.class{
display : none;
}توجه داشته باشید که opacity و visibility فقط اونو نامرئی میکنن ولی اونو حذف نمیکنن انگار جاش میمونه