سمة CSS التي يخفي ببساطة؟

هيريس مشكلتي الغبية ، وأنا متأكد من أن هذا الحل البسيط حقا لهذا هو ستجعلني أشعر حقا غبي عندما أراه. ايم بناء طاولة صغيرة ، مع بعض الرموز ، و (باستخدام مسج) عندما تتدحرج الأيقونات ، تنبثق منها خانة منبثقة أسفلها تخبرك باسمها ، من خلال التلاشي ثم التلاشي عند التراجع. المشكلة هي الطريقة التي بنيت بها ، يتم ترتيب العناصر في جدول ، ثم يأتي معظم التصميم من فئة مطبقة على كل منها. لإخفاء الطاولة ، بحيث يمكن أن تتلاشى العناصر ، Im باستخدام

    display: none

صفة، عزا. كل شيء يعمل بشكل جيد على أيقونة أقصى اليسار ، ولكن المشكلة هي أن العناصر موجودة في جدول ، وليس ترتيب فردي (يمكن أن تكون ، والتي من شأنها إصلاح المشكلة ، أنا فقط أتساءل إذا كان هناك طريقة للقيام بذلك مثل هذا) على الأيقونات في الوسط على سبيل المثال ، سيؤدي التحويم فوق واحد إلى ظهور الفقاعة الصحيحة ، ولكن على طول الطريق إلى اليسار حيث أن بقية الفقاعات في الجدول غير موجودة (العرض: بلا). هل هناك علامة أو طريقة تجعلها غير مرئية للجدول ، ومع ذلك ما زالت موجودة في النموذج؟ ربما كانت هذه طريقة محيرة جدًا لطرحها ، لذا أشيد بك إذا فهمت سؤالي

0

3 إجابة

لست متأكدًا من أنني فهمتك تمامًا ، ولكن جرّب هذا:

visibility: hidden

سيكون من الرائع رؤية بعض الرموز ، حتى أتمكن من مساعدتك أكثر.

5
وأضاف
نعم حاولت ذلك ، لكنه لا يعمل مع ميزة fadelIn jQuery ، لذلك كنت أبحث عن شيء آخر. شكرا للجميع مع نفس الجواب! سوء فقط تقسيمها
وأضاف المؤلف roozbubu, مصدر
نعم هذا من شأنه أن يعمل ، ولكن أنا فقط كسر الجدول الفردي ، لا شيء كبير
وأضاف المؤلف roozbubu, مصدر
نعم ، التلاشي يعمل فقط مع سمات العرض ... ومع ذلك ، إذا كنت تريد استخدامه حقًا ، فيمكنك جعل العنصر مخفيًا ، ثم على الماوس جعله معروضًا: لا شيء والرؤية: مرئية ، ثم قم بتلاشيها. الطريقة التي ستحصل عليها في الحالة المخفية بشكل افتراضي وستعمل عملية الخافق.
وأضاف المؤلف Shomz, مصدر

يبدو أنك تتحدث عن:

visibility: hidden;
1
وأضاف

سوف يمنعك ما يلي ببساطة من رؤية العنصر. بعبارة أخرى ، يظل العنصر دائمًا في تدفق المحتوى العادي ، مع احتلال مساحة ، على الرغم من كونه غير مرئي.

visibility: hidden;

ولجعله يظهر مرة أخرى ...

visibility: visible;

سوف يخفي التالي العنصر عن طريق إزالته. بمعنى آخر ، ستتم إزالة العنصر من تدفق المحتوى تمامًا وسيتم تغيير موضع المحتوى نفسه لملء الفراغ.

display: none;

ولجعله يظهر مرة أخرى ...

display: block;
0
وأضاف