أثناء عملي في تصميم بعض المواقع , الكثير من الأحيان اضطر الى منح نسب من الشفافية على صور معينة .
ولكن كانت تبرز الكثير من المشاكل في عدم التوافقية مع المتصفحات المختلفية ..
بين فايرفوكس Firefox وانترنت اكسبلورر IE باصداراته المختلفة وغيرهم …
الحل البسط العملي المستخدم والذي ابدى فعالية هو ان يتم تعريف جميع انواع التعليمات للتوافقية مع المتصفحات المختلفة او كما تسمى Cross Browser …
والحل كما يلي ..
.transparent_class {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
