يدير Firefoxs خطوط رمادية رقيقة في حواف مربع المحتوى من بابوا نيو غينيا عند بعض العروض - لماذا؟
https://stackoverflow.com/questions/538082
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
عندما يجعل Firefox (3.0.6) صورة PNG على عرض معين (على سبيل المثال، 50٪)، يتم عرض خط رمادي رقيق على طول الحواف اليسرى والأعلى من مربع المحتوى. يختفي الخط بعرض آخر (على سبيل المثال، 70٪). علاوة على ذلك، لا يبدو أن الخط موجود في الصورة الأصلية (باستخدام GIMP لتفقد الصورة).
تحدث هذه الظاهرة في غياب ترميز نمط CSS - في مثال HTML أدناه، موجود CSS لتوضيح أين توجد الخطوط الرمادية - يبدو من الواضح أن الخطوط الرمادية تظهر على حافة مربع المحتوى بحد ذاتها.
لدي صعوبة في التصور هذا هو علة فايرفوكس بونا فايرفوكس وأتساءل ما هو مفهوم أنا أشرف أو عدم استيعاب ...
شكرا على وقتك وأي اقتراحات / أفكار ...
يمكن رؤية الصور هنا http://datlisp.blogspot.com/2009/02/img-width-tag-and-firefox-rendering-of.html.
لغة البرمجة:
<html>
<head><title>problems with pngs</title></head>
<body>
<div style="border-color: red; border-width: thin; border-style: solid;
padding: 2px">
<img src="http://imagebin.ca/img/ato4dM.png"
width="50%"
style="border-color: blue; border-width: thin; border-style: solid;
padding: 2px;"/>
</div>
</body></html>
المحلول
باستخدام صفحة العرض التوضيحي وصورك لم أتمكن من رؤية أي شيء خاطئ.
ربما مشكلة مع برامج تشغيل الفيديو؟ أعتقد أن Firefox (والقاهرة، مكتبة الرسومات يستخدمها) تستفيد من تسريع الأجهزة لتغيير حجم الصور بسلاسة، وللأسف لا يمكنك تعطيلها AFAIK.
حاول تسجيل الدخول عبر بروتوكول بعيد للالتفاف حول بطاقة الفيديو وتحقق من ذلك. على الأقل يمكنك الحصول على بعض راحة البال. :)
نصائح أخرى
احفظ صورك باسم PNG-24. لقد تلقيت مشكلات مماثلة مع تشويه بكسل عند محاولة تغيير حجم صور PNG-8 ديناميكيا في المتصفح.
أيضا، لست متأكدا مما إذا كان هذا سيعمل في وضعك الخاص، ولكن إذا كان ذلك ممكنا يجب عليك تغيير حجم الصور قبل عرضها للمتصفح. الاعتماد على تغيير حجم المتصفح يؤدي إلى التشويه وقد يزيد من استخدام النطاق الترددي إذا كنت تحاول عرض صور كبيرة جدا بتنسيق أصغر.
معلومات اكثر: http://graphicsoft.about.com/od/aboutgraphics/l/blresizehtml.htm.
لقد قضيت مشكلة مماثلة في معرض الصور الذي كنت أعمل عليه (عذرا، لا يمكن ربطه كما أنا جديد). يتم عرض الصور المصغرة الحجم الفعلي مع عدم تغيير حجم HTML / CSS.
في بعض الأحيان يحصلون على خط واسع 1 بكسل على اليمين والأسفل بين الصورة DIV وخلفية الظل إسقاط. استغرق الأمر منا بعض الوقت عن سبب حدوثه في بعض الأحيان لكننا ضاقت إلى إعدادات التكبير الفايرفوكس.
إذا قمت بتكاليف الصفحة في Firefox (CTRL و MouseWheel، أو CTRL و +/-)، فما يبدو تماما في حالتك في مستويات التكبير معينة. إعادة تعيين إلى 100٪ التكبير (CTRL و 0) تم إصلاحه في كل مرة بالنسبة لنا ولكن لا يساعد الأشخاص الذين يستخدمون ميزة التكبير / التصغير.
كان لدي مشكلة مماثلة عند عرض صورة .png في علامة DIV. رقيقة، تم تقديم خط أسود على جانب الصورة. لإصلاحه، كان علي إضافة نمط CSS التالي: box-shadow: none;
