مشكلة في عرض الصور في الموقع

انت لم تقم بإرفاق ملف الصورة وقد قمت بإستخدام صورة أخرى ولم تظهر بأى خلفية بيضاء .

أعتقد أنك تقصد المسافة البيضاء في بداية الصفحة قبل ال nav :

إذا كان كذلك فالمشكلة ليست في الصورة المشكلة في ملف webpage.css سطر 14 حيث لاحظ أنك إستخدمت margin ولكن ال nav هو أول عنصر لذلك عند وضع مسافة قبله تظهر الخلفية البيضاء .

لذلك يجب حذف المسافة في الأعلى هكذا من خلال إستبدال سطر 14 :

    margin: 0px 10px 10px;

المشكلة التي تواجهها لا تتعلق بكود HTML أو CSS الذي أرفقته، فالكود سليم ولا توجد أي خاصية background-color: white مطبقة على الشعار أو العنصر الحاوي له (.logo) في ملف التنسيقات.

السبب يكمن في ملف الصورة نفسه. كون الصورة بصيغة PNG لا يعني بالضرورة أنها شفافة (Transparent). الكثير من الصور يتم حفظها بصيغة PNG ولكن تكون طبقة الخلفية فيها بيضاء مصمتة وليست مفرغة.

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

استخدام أدوات تعديل الصور: قم بفتح الصورة في برنامج مثل Photoshop أو أي أداة مجانية لإزالة الخلفية (مثل remove.bg)، وقم بحذف اللون الأبيض ثم أعد حفظ الصورة بصيغة PNG مع التأكد من تفعيل خيار الشفافية (Transparency).

البحث عن أيقونة مفرغة: عند البحث عن صور أو شعارات، تأكد أن الصورة تظهر بخلفية "مربعات رمادية وبيضاء" في المعاينة قبل التحميل، فهذا دليل على أنها مفرغة فعليًا.

بمجرد استبدال الملف الحالي بالملف المفرغ، سيظهر الشعار بشكل صحيح فوق خلفية الموقع.