CSS خلفية اللون على الجدول TD عرض بشكل غير صحيح في Internet Explorer 6

https://stackoverflow.com/questions/2014353

19-09-2019
|

سؤال

لدي بعض HTML و CSS بسيطة جدا لا يعمل في Internet Explorer 6.

<!DOCTYPE HTML>
<html>
    <head>
        <style>        
            table td.one.read {background-color:#FFD700;}
            table td.two.read {background-color:#0000ff;}
            table td.three.read {background-color:#ff8c00;}
        </style>
    </head>

    <body>
        <table>
            <tr class="head">
                <td></td>
                <td class='one read'>one</td>
                <td class='two read'>two</td>
                <td class='three read'>three</td>
            </tr>

            <tr>
                <td>Legend</td>
                <td class='one read'>1</td>
                <td class='two read'>2</td>
                <td class='three read'>3</td>
            </tr>
        </table>
    </body>
</html>

طاولة بسيطة تحتوي على ألوان خلفية مختلفة لكل عمود. لقد أزلت مجموعة من CSS / HTML الأخرى للحفاظ على الأشياء بسيطة. المشكلة هي أن جميع الأعمدة تظهر كما هو نفس اللون البرتقالي في Internet Explorer 6، يعمل بشكل جيد في ثعلب النار.

كيف يمكنني عملها؟

المحلول

هذا خطأ في IE6.

إذا كان لديك محدد CSS مع أسماء فئة متعددة (على سبيل المثال، .three.read)، سوف يتجاهل IE6 جميع أسماء الفصل باستثناء آخر واحد.

لذلك، يرى IE6 ثلاثة قواعد CSS للمحدد table td.read.

لحل هذا، يمكنك الجمع بين فصولك. (على سبيل المثال، <td class='OneRead'> و table td.OneRead {background-color:#FFD700;})

نصائح أخرى

فئات متعددة غير مدعومة في IE6، يجب أن تنتظر بضعة سنوات أخرى قبل أن يموت IE6. الآن، يمكنك إنشاء فئات منفصلة للألوان.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow