لأنني أعرف بعض تقنية إنتاج صفحات الويب ، سمعت منذ زمن طويل أن ملفات PNG الشفافة ستواجه مشاكل في عرض IE6 ، لكن بما أنني لم أواجهها أبدًا ، لم أواجهها أبدًا.
بدأت في بناء موقع الويب الخاص بي في بداية هذا العام. لقد استخدمت صورة PNG مع جزء شفاف لجعل شعار الموقع. في يوم من الأيام ، عندما عدت من العمل ، فتحت الواجهة الخلفية لـ Google Analytics ، وجدت أن زيارات IE6 تمثل بالفعل 40 ٪ من المجموع. موقع على شبكة الإنترنت.
لذلك بحثت عن الحلول بين عشية وضحاها. لكنني أشعر دائمًا أنه ليس جميلًا بما فيه الكفاية. بعد ذلك ، شارك معك
أولاً ، قم بتنزيل iepng.js من موقع الويب الخاص بي
http: // www
إذا كان موقع الويب الخاص بك يستخدم PNG شفاف كمعرف عنصر الخلفية كشعار ، فأضفه بين <head> </head>:
| <!-لـ IE6 PNG Fix-> <script type = "text/javaScript" src = "templates/js/iepng.js"> </script> <script type = text/javaScript> evpng.fix ('#logo') ؛ </script> |
أخيرًا ، اسمحوا لي أن أشرح أنه إذا كنت تستخدم PNG شفافة كمعرف Div الخلفية مثل FOO ، فيجب أن تتم كتابتها على النحو التالي:
| evpng.fix ('#foo') ؛ |
إذا كنت تستخدم PNG شفافة كخلفية div فئة كبار ، فيجب عليك كتابتها على النحو التالي:
| evpng.fix ('. bar ") ؛ |
بناء الجملة هو نفس CSS ، حسنًا ، آمل أن أستمر في تبادل مهارات بناء موقع الويب معك.
هذا المقال أصلي من قبل Wangzai ، مدير المواقع في Tianniu.com (www.hers99.com).
بفضل Wangzai على مساهمته