چگونه راهکارهای css3 را در اینترنت اکسپلورر استفاده کنیم ؟

[JahanSoft]

Opacity :


#myElement { opacity: .4; /* other browsers and IE9+ */
filter: alpha(opacity=40); /* IE6+ */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40 ); /* IE6+ */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40 )"; /* this works in IE8 only */ }

*****های opacity در اینترنت اکسپلورر از 100 محاسبه میشوند. پس 0.4 در opacity یعنی 40 در *****های اینترنت اکسپلورر

border-radius گوشه های گرد


.box-radius { border-radius: 15px;
behavior: url(border-radius.htc); }

دمو » (https://www.impressivewebs.com/css3-rounded-corners-in-internet-explorer/)
فایل border-radius.htc (http://code.google.com/p/curved-corner/)

Box-shadow


.box-shadow {
-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#9 69696', Direction=145, Strength=3); }

Gradient


#gradient {
background-image: -moz-linear-gradient(top, #81a8cb, #4477a1); /* Firefox 3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Safari & Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(Gradien tType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(Gradien tType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; /* IE8 */ }

موارد بیشتر را از منبع مقاله مشاهده کنید » (https://www.smashingmagazine.com/2010/04/css3-solutions-for-internet-explorer/)