PDA

View Full Version : عکس png در IE6



.fatemeh
دوشنبه 11 بهمن 1389, 17:20 عصر
من یه عکس با فرمت png رو داخل سایتم گذاشتم.
مثلا شکل یک دایره است
با فایرفاکس تصویر درست نشون داده می شه.
ولی با ie6 مستطیل پشت تصویر رو هم نشون می ده
مشکلش چیه با ie6?
چیکار می تونم بکنم که فقط اون دایره نشون داده بشه بدون مستطیل سفید پشت تصویر؟!

Javad.Kashi
دوشنبه 11 بهمن 1389, 17:52 عصر
سلام
من درست سوال شما را متوجه نشدم ولی فکر کنم یه خط از css مشکل شما را حل خواهد کرد:


img{ background:transparent; border:0; }

.fatemeh
دوشنبه 11 بهمن 1389, 18:48 عصر
اگر IE6 دارین
این سایت رو http://www.arashco.ir/ باز کنین
شاید متوجه بشین مشکلم چیه

Javad.Kashi
دوشنبه 11 بهمن 1389, 20:04 عصر
اگر IE6 دارین

متاسفانه از IE6 استفاده نمی کنم ولی اگر برای شما امکان دارد یه عکس از اون حالت را ضمیمه بکن تا بهتر بررسی کنیم

AmirHarirbafan
دوشنبه 11 بهمن 1389, 20:18 عصر
اینو از تو یک سایت خارجی پیدا کردم، اما چون IE6 نداشتم نتونستم امتحانش کنم.
یک روش جاوا اسکریپی هم داره برای حل این موضوع که قبلا (قبل از منقرض شدن IE6) ازش استفاده میکردیم که اگه پیدا کردم براتون میزارم



<html>
<head></head>
<body bgColor="blue">
<!-- This DIV is the target container for the image. -->
<DIV ID="oDiv" STYLE="position:absolute; left:140px; height:400; width:400;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
src='image.png', sizingMethod='scale');" >
</DIV>
</body>
</html>

eshpilen
دوشنبه 11 بهمن 1389, 23:04 عصر
IE6 از Transparency (شفافیت) در تصاویر PNG پشتیبانی نمیکنه.
بنابراین فقط میتونید از GIF استفاده کنید یا از ترفند دیگری بهره بگیرید.

.fatemeh
سه شنبه 12 بهمن 1389, 00:49 صبح
عکس صفحه سایت رو ضمیمه کردم
پشت منوهای خدمات، تماس با ما و ... یک مستطیل ظاهر شده که نباید باشه
یا اون دایره که پشتش رنگ سفید نمایش داده می شه
یکی از دایره ها رو هم با فرمت GIF گذاشتم ولی کیفیت تصویر می یاد پایین
راه بهتری نیست؟

اینو از تو یک سایت خارجی پیدا کردم، اما چون IE6 نداشتم نتونستم امتحانش کنم.
این کدی که گذاشتین ،نمی دونم چطوری باید استفاده کنم که عکس رو نشون بده

Keramatifar
سه شنبه 12 بهمن 1389, 01:10 صبح
دوست عزیز
برای رفع مشکل تصاویر transparent در IE ، سال گذشته یک مقاله در نشریه دنیای کامپیوتر و ارتباطات منتشر کردم، می تونید به این لینک مراجعه کنید:
http://ccw.ir/content/139/default.aspx

AmirHarirbafan
سه شنبه 12 بهمن 1389, 04:20 صبح
دوست عزیز
برای رفع مشکل تصاویر transparent در IE ، سال گذشته یک مقاله در نشریه دنیای کامپیوتر و ارتباطات منتشر کردم، می تونید به این لینک مراجعه کنید:
http://ccw.ir/content/139/default.aspx

این همون روش جاوااسکریپتی هستش که گفتم قبلا استفاده میکردیم. یادمه که خیلی مشکل داشت. عکس هایی رو که به بک گراند المنتها میدادیم رو درست نشون نمیداد

AmirHarirbafan
سه شنبه 12 بهمن 1389, 04:22 صبح
عکس صفحه سایت رو ضمیمه کردم
پشت منوهای خدمات، تماس با ما و ... یک مستطیل ظاهر شده که نباید باشه
یا اون دایره که پشتش رنگ سفید نمایش داده می شه
یکی از دایره ها رو هم با فرمت GIF گذاشتم ولی کیفیت تصویر می یاد پایین
راه بهتری نیست؟

این کدی که گذاشتین ،نمی دونم چطوری باید استفاده کنم که عکس رو نشون بده

توی این مثال یک عکس png به یک div داده. شما لازم نیست کار خاصی انجام بدید، فقط خاصیت Styleی که در درون تگ Div هست رو به تگ img خودتون بدید

.fatemeh
چهارشنبه 13 بهمن 1389, 11:27 صبح
توی این مثال یک عکس png به یک div داده. شما لازم نیست کار خاصی انجام بدید، فقط خاصیت Styleی که در درون تگ Div هست رو به تگ img خودتون بدید
خاصیت style رو برای img گذاشتم ولی تاثیری روی عکس نداشت!
چیکار کنم؟!!! :ناراحت:

.fatemeh
چهارشنبه 13 بهمن 1389, 14:54 عصر
بچه ها مشکل حل شد! :لبخندساده:
اینجا (http://aftab.cc/modules.php?name=Tutorials&op=viewtut&id=472) رو ببینین

eshpilen
چهارشنبه 13 بهمن 1389, 17:58 عصر
خب خیلی خوبه پس.
البته این راه حل رو قبلا دیده بودم ولی یادم نبود.

AmirHarirbafan
پنج شنبه 14 بهمن 1389, 02:33 صبح
آره سایتتونو امتحانش کردم، چشم شیطون کور کاملا درست شده

hamiii
دوشنبه 18 بهمن 1389, 16:58 عصر
راحت ترین روش دور زدن ie6 هستش.
توی header دستور شرطی زیر رو بنویسین و یه استایل جداگونه برای قسمتهایی که مشکل دارن بنویسین.بک گراند pngهارو موقع crop کردن تو فتوشاپ حذف نکنین.

<!--[if IE 6]>
<link rel="stylesheet" href="http://www.yoursite.com/ie6.css" type="text/css" />
<![endif]-->

تحمل کنین.انشاله تا چند وقت دیگه این مرورگر زبون نفهم ریشه کن خواهد شد.:لبخند: