Cross Browser Opacity CSS الشفافية المتوافقة مع عدة متصفحات

أثناء عملي في تصميم بعض المواقع , الكثير من الأحيان اضطر الى منح نسب من الشفافية على صور معينة .

ولكن كانت تبرز الكثير من المشاكل في عدم التوافقية مع المتصفحات المختلفية ..

بين فايرفوكس 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;
}