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

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

---

دمو »
فایل border-radius.htc

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='#969696', 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(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; /* IE8 */ }

---

موارد بیشتر را از منبع مقاله مشاهده کنید »