شفافیت با css در همه مرورگرها

18 خرداد 1393 | آموزش کوتاه | 0 comments

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

.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;
}

عدد ۵۰ یا ۰/۵ میزان شفافیت هستش که به ترتیب از ۱۰۰ و ۱ هستش .