لماذا لا يعرض Firefox صورًا باستخدام خاصية CSS `content`؟

الصفحة الأمامية > برمجة > لماذا لا يعرض Firefox صورًا باستخدام خاصية CSS `content`؟

لماذا لا يعرض Firefox صورًا باستخدام خاصية CSS `content`؟

نشر في 2025-04-29

تصفح:221

$Why Doesn\'t Firefox Display Images Using the CSS `content` Property?$

يمكن ملاحظة ذلك في فئة CSS المقدمة:

. Googlepic { المحتوى: url ('../../ img/googleplusicon.png') ؛ الهامش: -6.5 ٪ ؛ حشو اليمين: 53px ؛ تعويم: صحيح. الارتفاع: 19px ؛ }

بينما يعمل CSS كما هو متوقع في Google Chrome و Safari ، فإنه يفشل في تقديم أي صورة في Firefox. لحل المشكلة ، نحتاج إلى تعديل فئة CSS الخاصة بنا على النحو التالي:

. Googlepic :: قبل { المحتوى: url ('../../ img/googleplusicon.png') ؛ }

.googlePic {
    content: url('../../img/googlePlusIcon.PNG');
    margin-top: -6.5%;
    padding-right: 53px;
    float: right;
    height: 19px;
}

شرح: باستخدام :: قبل ، نقوم بإدخال الصورة قبل العنصر .googlepic ، والذي يسمح لـ Firefox بعرضها بشكل صحيح.

المقالة:

أحدث البرنامج التعليمي أكثر>

كيف يمكنني قراءة ملف كبير بكفاءة بترتيب عكسي باستخدام Python؟
قراءة ملف بترتيب عكسي في Python فيما يلي حل فعال لمعالجة هذه المهمة: مولد قارئ السطر العكسي يحدد الكود التالي وظيفة المولد ، REVELS_READLI...

برمجة نشر في 2025-04-29
int و int32 في c#: أي نوع صحيح لاختيار؟
استخدام int و int32 في c# عند معالجة الأعداد الصحيحة في C#، قد تواجه مصطلحين: int و int32 . يمثل هذان المصطلحان نفس نوع البيانات ويخزن كلاهم...

برمجة نشر في 2025-04-29
ما هي طريقة إعلان متغيرات متعددة في جافا سكريبت أكثر قابلية للصيانة؟
نهجان شائعان لذلك هما: يعلن كل متغير على سطر منفصل: var variable1 = "Hello ، World!" ؛ var variable2 = "testing ..." ؛ v...

برمجة نشر في 2025-04-29
كائن مناسب: فشل الغطاء في IE و Edge ، كيفية إصلاح؟
في CSS للحفاظ على ارتفاع الصور المتسق يعمل بسلاسة عبر المتصفحات. ومع ذلك ، في IE و Edge ، تنشأ قضية غريبة. عند توسيع نطاق المتصفح ، تتغير الصورة في...

برمجة نشر في 2025-04-29
كيف يمكنني تنفيذ عبارات SQL متعددة في استعلام واحد باستخدام Node-MySQL؟
نصف كولون (؛) لفصل العبارات. ومع ذلك ، ينتج عن هذا خطأ يوضح أن هناك خطأ في بناء جملة SQL. لتمكين هذه الميزة ، تحتاج إلى تعيين تعدد الأطوار على صواب...

برمجة نشر في 2025-04-29
كيفية إدراج أو تحديث الصفوف بكفاءة بناءً على شرطين في MySQL؟
إدراج أو تحديث مع شرطين وصف المشكلة: صف موجود إذا تم العثور على تطابق. تتيح هذه الميزة القوية معالجة البيانات الفعالة من خلال إدخال صف جديد ...

برمجة نشر في 2025-04-29
كيف يمكنك تحديد المتغيرات في قوالب Blade Laravel بأناقة؟
أثناء تعيين المتغيرات باستخدام "{{{}}" ومباشرة ، قد لا يكون الحل الأكثر أناقة. $ old_section = "أي شيء" ؛ endphp العلامة:...

برمجة نشر في 2025-04-29
إطار الكيان 5 أفضل الطرق لتحديث السجلات
إطار عمل 5 أفضل الممارسات لتحديثات السجل تحديث السجلات في Entity Framework 5 ، غالبًا ما يواجه المطورون اختيار طرق متعددة ، ولكل منها مزاياها ...

برمجة نشر في 2025-04-29
كيف تعمل المتغيرات الثابتة C# ولماذا لا يمكن الإعلان عنها في طريقة ما
متغير ثابت في C# يواجه العديد من المطورين مشكلة في فهم وظائف المتغيرات الثابتة في C#. تهدف هذه المقالة إلى توضيح استخداماتها واستخدامها ، مع شر...

برمجة نشر في 2025-04-29
كيفية تعيين مفاتيح ديناميكي في كائنات JavaScript؟
كيفية إنشاء مفتاح ديناميكي لمتغير كائن JavaScript يستخدم النهج الصحيح بين قوسين مربعين: jsObj['key' i] = 'example' 1; لتسديد خاصية مع مفتاح...

برمجة نشر في 2025-04-29
يساعد IACA في تحسين تحليل أداء رمز وحدة المعالجة المركزية Intel
المعروفة باسم محلل رمز الهندسة المعمارية ، IACA هو أداة متقدمة لتقييم جدولة الكود مقابل وحدة المعالجة المركزية Intel. إنه يعمل في ثلاث أوضاع: ...

برمجة نشر في 2025-04-29
لماذا يتوقف تنفيذ JavaScript عند استخدام زر عودة Firefox؟
مشكلة السجل الملحي: قد يتوقف JavaScript عن التنفيذ بعد استخدام زر عودة Firefox قد يواجه مستخدمو Firefox مشكلة حيث فشل JavaScriptts في الركض عن...

برمجة نشر في 2025-04-29
كيفية إدراج النقط (الصور) بشكل صحيح في MySQL باستخدام PHP؟
مشكلة. سيوفر هذا الدليل حلولًا لتخزين بيانات الصور الخاصة بك بنجاح. إصدار ImageId ، صورة) القيم ('$ this- & gt ؛ image_id' ، 'fi...

برمجة نشر في 2025-04-29
كيفية استخدام GetSource () للحصول على قيمة زر رقمية في حاسبة Java Gui؟
كيفية استرداد قيم الزر باستخدام getSource () في حاسبة واجهة المستخدم الرسومية ، يمكنك استخدام طريقة GetSource () بشكل صحيح لاكتشاف النقرات الز...

برمجة نشر في 2025-04-29
طريقة فحص فعالة لسلاسل Java غير فارغة وغير خالية
وبعد ذلك ، توفر طريقة isEmpty () طريقة موجزة للتحقق من الفراغ: المستخدمة: if (str! = null && str.length () == 0) الخيار 3: trim () ! str.trim ...

برمجة نشر في 2025-04-29