یک وبگرد

CSS3با ویژگی های خاص خود زیبایی های بسیاری را به طرح های وب بخشیده است.زیبایی هایی که به هیچ وجه نمی توان از آن ها گذشت! ولی به کار بردن آن ها با مشکلی نسبتا مهم همراه هست و آن پشنیبانی نکردن بعضی مرورگرها از این ویژگی هاست،همانطور که مشخص است طبق معمول مرورگر پرافتخار! IE نیز در لیست این مرورگرها قرار می گیرد.

از آنجایی که متاسفانه درصد قابل توجهی از کابران از این مرورگر بی خاصیت! بهره می برند، پس باید به دنبال راهی باشیم تا این ویژگی ها را به این مرورگر احمق بفهمانیم! پس از جستجویی کوتاه با PIE آشنا شدم. PIEبه راحتی مهم ترین ویژگی های CSS3 را به IE می فهماند ویژگی هایی مانند:

• border-radius
• box-shadow
• border-image
• multiple background images
• linear-gradient background images

PIEاز مستندات بسیار خوب و ساده ای برخوردار می باشد و علاوه بر اینکه کار با آن بسیار راحت می باشد ، با چند دقیقه ای وقت گذاشتن و خواندن مستندات موجود کار با آن را به راحتی فراخواهید گرفت.همانطور که گفتم کار با PIEبسیار راحته ،مثال زیر این راحتی را نشان می دهد:

در آغاز PIE را از اینجا دانلود کنید پس از آن ،فایل های موجود را را بر روی سرور در کنار فایل HTML  یا PHP یا هر چیز دیگری آپلود کنید.(نکته : برای اینکه PIE را بر روی کامپیوتر خود امتحان کنید باید از نرم افزارهایی مانند Wamp استفاده کنید.) خوب حالا برای امتحان فایل  HTML و CSS را ایجاد کرده و ویژگی Border-radius  را به کمک PIE به IE می فهمانیم:

ابتدا بر روی پوشه www   پرونده ای جدید ساخته و در آن دو فایل index.html و style.css را ایجاد کرده و کدهای زیر را در فایل های مشخص شده بنویسید:

فایل index.html که نیازی به توضیح ندارد پس می رویم سراغ فایل style.css در این فایل ما  یک گوشه گرد(-border-radius) ایجاد کرده ایم.در فایل CSS هم فقط دو خط آخر نیاز به ذره ای توضیح دارند، در این دو خط ما ابتدا این ویژگی را به صورت کلی مشخص کرده و پس از آن این قسمت از فایل CSS خود را به به فایل PIE.htc متصل کرده ایم، پس از اتصال فایل PIE.htc این ویژگی را به راحتی به IE می فهماند. همین! دیگر ویژگی ها هم به همین طریق می توان به IE فهماند.