jQuery - اجعل عنصرًا يذهب "غامض"

Question

لقد قمت مؤخرًا بتطوير موقع ويب لشركة ، مع إدارة كاملة / CMM. في الواجهة الأمامية للمسؤول ، والتي للأسف لا يمكنني عرضها لأسباب أمنية ، هناك قائمة النطاق وقائمة التجميع وقائمة التصميم. أرغب في عمل روابط لهذه العمل مع jQuery ، لذا فإن النقر فوق "النطاقات" يجلب قائمة النطاق إلى الأمام وتلاشى القائمة النشطة حاليًا ، مما يجعلها غامضة في نفس الوقت. أود أن أجعلها حتى تكون قائمة النطاق أمام القوائم الأخرى افتراضيًا ، بحوالي 50 ٪ عتامة (تخمين متوحش). ومع ذلك ، مع عتامة 50 ٪ ، ستظل قادرًا على رؤية النص وراءه (في القوائم الأخرى). أرغب في أن يكون النص الموجود في الخلفية (قوائم "خلف") رمادية وغامضة ، مثل التأثير الذي لاحظته للتو إذا كان لديك نافذة عارض صور Windows أمام Windows Live Mail البريد المباشر Windows غامض ، ومن الواضح تمامًا على النافذة خلف). أود أيضًا أن يكون النص الموجود في المقدمة أسود وفي التركيز. تغيير لون النص سهل (Peezy Lemon Squeezy!). لقد قمت بعمل Google سريعًا على "JQuery Fuzzy" وشروط مماثلة ولكن لم أجد شيئًا.

هل يمكن لأي شخص أن يخبرني إذا كانت هناك طريقة للقيام بذلك (ويفضل أن يكون بسيطًا مثل $ (محدد) .fuzz (50 ٪) ؛)؟

شكرا مقدما.

يعتبر،

ريتشارد

Answer 1

لا ، لا يمكنك القيام بذلك "بسهولة" ، إما مع CSS أو jQuery.

لا حتى حل معقد ، إلا إذا كنت تفكر في إرسال لقطة شاشة للحالة الحالية للنموذج إلى خادم ، ثم إعادة إرسال نسخة معالجة لعرضها ، بسيطة.

ببساطة لا يوجد حل ، وليس أن أي شخص يريد هذا. إذا كنت بحاجة إلى الخلفية حتى لا تتداخل بصريًا مع المقدمة ، فما عليك سوى تقليل العتامة إلى شيء مثل 80-90 ٪.

Answer 2

من المخيب للآمال دائمًا العثور على نزاع غير مفيد عندما تتوقع إجابة. لن أحكم على ضرورة "ضجة" عنصر - بدلاً من ذلك ، سأحاول فقط أن أكون مفيدًا.

الطريقة السهلة الوحيدة التي رأيتها على الإطلاق لتحقيق هذا التأثير هي استخدام مكون إضافي يسمى "تنبيه المفسد" - http://joshbuddy.github.io/spoiler-alert/