مشاهده نسخه کامل
: Web Design
23-05-2012, 15:05
سلام
امروزه با وارد شدن CSS3 و HTML5 مشکلات طراحان کم نبود با IE حالا نیز بیشتر شده .
مشکلاتی چون اجرا نکردن افکت ها و نشان دادن ناقص یا نا مرتب .
اما راه هایی برای اجرای CSS3 حتی در مرورگر IE6 هم هست . فایل های .htc فایل هایی افزودنی هستند که افکت هایی که مرورگر قادر به پشتیبانی از آنها نیست را با VML وارد صفحه کرده و قابل مشاهده و اجرا میکند و برای استفاده از آن هیچ نیازی به یادگیری زبانی جز CSS نیست .
نحوه استفاده :
ابتدا فایل زیر را دانلود کنید :
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
سپس برای هر خاصیت CSS3 به صورت زیر عمل کنید :
.box {
-moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ }
در behavior: url(...)شما باید آدرس فایل .htc دانلود شده را قرار دهید .
امروزه با وارد شدن CSS3 و HTML5 مشکلات طراحان کم نبود با IE حالا نیز بیشتر شده .
مشکلاتی چون اجرا نکردن افکت ها و نشان دادن ناقص یا نا مرتب .
اما راه هایی برای اجرای CSS3 حتی در مرورگر IE6 هم هست . فایل های .htc فایل هایی افزودنی هستند که افکت هایی که مرورگر قادر به پشتیبانی از آنها نیست را با VML وارد صفحه کرده و قابل مشاهده و اجرا میکند و برای استفاده از آن هیچ نیازی به یادگیری زبانی جز CSS نیست .
نحوه استفاده :
ابتدا فایل زیر را دانلود کنید :
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
سپس برای هر خاصیت CSS3 به صورت زیر عمل کنید :
.box {
-moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ }
در behavior: url(...)شما باید آدرس فایل .htc دانلود شده را قرار دهید .