حصة خلفية شفافة مع أي

Question

أحاول استخدام هيكل دائري أدناه

دائري

المشكلة هي الخلفية (رابط مع الوصف على الجانب الأيسر) شبه شفافة ويعمل بشكل جيد مع الأوبرا، فايرفوكس، كروم، سفاري باستثناء IE6. يعرض IE6 ذلك دون أن يتم تغيير ذلك لعرضه كمستعرض آخر؟

Answer 1

المشكلة في الحل الخاص بك هي أنه يحاول تحقيق الشفافية مع ملف صورة:

#featured .ui-tabs-panel .info{ 
    position:absolute; 
    bottom:0; left:0; 
    height:70px; 
    background: url('images/transparent-bg.png'); 

Internet Explorer <7 لا يمكن أن يرسم بشكل صحيح شفافية PNG الحقيقية لأنها تمتص.

الحل في نهايتك هو أنك محظوظ ولا تحتاج إلى شفافية صورة حقيقية. بدلا من ذلك، يمكنك استخدام معدل العتامة CSS. ابحث في Google عن "عتامة CSS"، هذه هي واحدة من أول الزيارات:http://www.quirksmode.org/css/opacity.html.

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

ويوضح بوضوح مدى سوء تمتص. أنا فقط استنفادها، كما أفعل مع مواقع الويب الخاصة بي.