CSS3 در Internet Explorer

مرداد ۲۵, ۱۳۹۱ توسط : سعید

یکی از بزرگترین مشکلات طراحان سایت مروگر اینترنت اکسپلورر است. تا قبل از نسخه ۹ این مرورگر از CSS3 پشتیبانی نمیکند و به همین دلیل طراحان رو در طراحی سایتهایی با امکانات css 3 دچار مشکل میشوند.

در این مقاله سعی میکنم به معرفی ابزاری بپردازم که بتونیم از امکانات css3 مثل border-radius یا box-shadow در اینترنت اکسپلورر استفاده کنیم.

برای اینکه بتونبم از امکانات css3 در مرورگر اینترنت اکسپلورر استفاده کنیم ابزارهایی تولید شدند. یکی از بهترین ابزارهای موجود میشه از کتابخانه  CSS3PIE  نام برد. این کتابخانه با حجم کم امکانات زیادی رو در اختیار ما میذارخ که تعدادی از این امکانات رو براتون معرفی میکنم.

ابتدا کتابخانه CSS3Pie رو از لینک زیر دانلود کنید.

دانلود CSS3Pie

حالا یک فایل html بسازید :

<div class="main">

آموزش حرفه ای PHP

</div>

 

کد css مربوط به کلاس main رو هم مینویسیم:

.main
{
    border: 1px solid #999; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;  
    border-radius: 10px;
}

 

خب در بالا میبینید که از border-radius استفاده کردیم اما همینطور که میدونید این قابلیت در مرورگر IE شناسایی نمیشه.…

ادامه مطلب...

Tags