article

تنظیمات CSS مخصوص مرورگر اینترنت اکسپلورر

css-internet-explorer-if

به عنوان کاربر دنیای وب اغلب با مرورگرهای متفاوت به سایت ها و وبلاگ های مختلف سر می زنیم و بیش از هر چیز رسیدن به محتوای مورد نظر برایمان اهمیت دارد و کمتر به ظاهر سایت و وبلاگی که در حال بازدید از آن هستیم و اشکالات و ایرادات آن توجه داریم، فارغ از مسائل فنی مطلب را می خوانیم و در آخر هم صفحه را بسته و وبگاه را ترک می کنیم، اما در پشت صحنه کار برای مدیران حرفه ای وبسایت ها و وبلاگ ها داشتن قالبی استاندارد و اینکه همه کاربرانشان صرف نظر از مرورگری که استفاده می کنند بتوانند نتیجه تلاش آنها را به شکل واحدی مشاهده کنند اهمیت زیادی دارد، جالب است اگر بدانیم که مرورگرهای وب اگرچه از قوانین تقریبا مشترکی پیروی می کنند اما هر کدام در نحوه تفسیر این قوانین ساز خودشان را می نوازند و درست اینجاست که مشکل برای طراحان وب شروع می شود، هرچند در نسخه های به روزتر سازگاری مرورگرها و یکسان سازی آنها بیشتر و بیشتر می شود اما دردسر همیشگی طراحان یعنی مرورگر اینترنت اکسپلورر (Internet Explorer) در این بین سرآمد مرورگرهای غیر استاندارد و مشکل ساز است که به همین دلیل شرکت مایکروسافت (خالق و مالک این مرورگر) که گویا از شاهکار خود اطلاع داشته برای تنظیم استایل CSS مخصوص این مرورگر در نسخه های مختلف راهکارها و قابلیت هایی تحت عنوان پیام های شرطی (Conditional Comments) و هک های ویژه پیشنهاد داده است که به عنوان طراح وب بد نیست از آنها آگاهی داشته باشیم.

چرا باید تنظیمات مخصوص مرورگر اینترنت اکسپلورر را اعمال کنیم؟


شاید برایمان جای سوال باشد که چرا باید تنظیمات مخصوص مرورگر اینترنت اکسپلورر را در صفحه وب خود داشته باشیم؟
در پاسخ باید گفت که البته این کار همیشه هم ضروری نیست، اگر صفحه وب به خوبی در نسخه های مختلف مرورگر اینترنت اکسپلورر و سایر مرورگرها نمایش داده می شود و تمام عناصر آنطور که انتظار داریم سر جای خودشان هستند دیگر نیازی نیست تنظیمات جداگانه ای را اعمال کنیم، چرا که هدف از تنظیمات CSS مخصوص، در نظر گرفتن استایل سفارشی و سازگار کردن صفحه وب از لحاظ نمایش ظاهری و درست عمل کردن امکانات مبتنی بر CSS در نسخه های مختلف مرورگرها به شکل یکسان است، بر این اساس صرفا در حالتی که صفحه وب در برخی نسخه های مرورگرها آنطور که مد نظر داریم نمایش داده نشود و ایراداتی مانند جابجایی یا مخفی شدن عناصر مشاهده شود، راه حل متداول می تواند در نظر گرفتن استایل CSS مخصوص باشد.

برای تنظیم ویژگی های CSS خاص اکسپلورر، چه روش هایی وجود دارد؟


معمول ترین و متداول ترین روش تنظیم ویژگی های CSS خاص مرورگر اینترنت اکسپلورر استفاده از پیام های شرطی یا (Conditional Comments) است که در ادامه آموزش حاضر به طور مفصل در این رابطه خواهیم گفت، شیوه های دیگری تحت عنوان هک یا CSS Hack نیز وجود دارند که در واقع به معنی استفاده از علائم مخصوص در هنگام تعریف خاصیت های CSS است که صرفا توسط نسخه های خاصی از مرورگر اینترنت اکسپلورر پردازش می شود، این علائم برای سایر مرورگرها تاثیرگذار نیست و مفهوم خاصی را القاء نمی کند.

کدنویسی استایل CSS مخصوص مرورگر اینترنت اکسپلورر


برای کدنویسی استایل CSS مخصوص مرورگر اینترنت اکسپلورر ابتدا باید سایت، وبلاگ یا قالب طراحی شده را با برنامه هایی نظیر IETester که از آدرس www.my-debugbar.com قابل دریافت و نصب است بررسی کنیم، اگر موردی به نظرمان دچار ناسازگاری و ایراد بود سعی کنیم کلاس یا آی دی CSS مربوط به آن قسمت را پیدا کرده و پس از اعمال تغییرات در راستای سازگاری مد نظرمان نتیجه را دوباره امتحان کنیم و این روند را تا جایی که مشکل حل شود ادامه دهیم، به طور مثال ممکن است به فرض نمایش خاصیت border در یک نسخه از مرورگر دچار اشکال باشد و نیاز به اعمال استایل اختصاصی برای آن نسخه ضرورت داشته باشد در این صورت اگر استایل اصلی به این شکل باشد:
<style type="text/css">
.compatible {
    display: inline-block;
    width: 600px;
    height: 800px;
    border: 1px solid #000000;
    line-height: 22px;
}
</style>
در استایل اختصاصی کافی است صرفا قسمت مربوط به خاصیت border را بر اساس نیازمان تغییر دهیم:
<style type="text/css">
.compatible {
    border: 2px solid #000000;
}
</style>
حال تکه کد اختصاصی مربوط به هر نسخه از اکسپلورر که با آن کد مشکل در آن نسخه مخصوص حل می شود را ترجیحا درون یک فایل CSS دیگر کپی می کنیم (معمولا تنها کافی است کلاس یا آی دی مورد نظر را به همراه ویژگی هایی که خاص مرورگر اکسپلور است کپی کنیم) تا آن را با دستوراتی که در ادامه خواهیم گفت پس از فایل CSS اصلی در صفحه به طور جداگانه وارد نمائیم.
نکته 1: قبل از اعمال هر نوع تغییراتی باید از استایل CSS اصلی پشتیبان بگیریم، دقت کنیم که فایل CSS اصلی قالب، مبنای کار ما است و تا حد امکان هر قالب باید از یک فایل استایل واحد پیروی کند، به عبارتی در نظر گرفتن استایل اختصاصی باید در حداقل موارد و ترجیحا در فایل های مجزا بوده و پس از فایل CSS اصلی در صفحه درج شود تا قانون اولویت بندی خاصیت های مشابه در CSS به درستی رعایت شود.
نکته 2: عبارت IE مخفف Internet Explorer است.

پیام های شرطی در مرورگر اینترنت اکسپلورر


نخستین روش اعمال تنظیمات مخصوص مرورگر اکسپلورر استفاده از پیام های شرطی (Conditional Comments) است که در اکسپلورر با علائم خاصی با فرمت نمونه زیر تعریف می شود:
<!--[if IE]>
آدرس فایل استایل مخصوص مرورگر اینترنت اکسپلورر
<![endif]-->
توضیح:
- حالت معمول ایجاد پیام در صفحات HTML درج عبارات متنی بین علامت های <-- !--> است، همانطور که در نمونه فرمت بالا مشخص است این شرط ها نیز مبتنی بر همین قاعده هستند و عبارات دستوری if IE و endif به صورت پیام درج شده اند.
- علت درج دستورات شرطی به صورت پیام این است که سایر مرورگرها نسبت به آن بی تفاوت باشند و صرفا به عنوان پیام یادآوری متن را پردازش کنند و خروجی در صفحه چاپ نشود.
- با توجه به دستور [if IE] در نسخه های مرورگر اکسپلورر هر آنچه که مابین دو تگ پیام درج شده به صورت متن یا دستور عادی تفسیر می شود، در واقع مقادیر موجود در این شرط برای اینترنت اکسپلورر حالت پیام صرف ندارد و به شکل متن قابل استفاده است اما سایر مرورگرها با آن مشابه یک پیام معمولی در صفحات وب برخورد و پردازشی اجرا یا خروجی در صفحه چاپ نمی کنند.
- درون این شرط ها می توانیم هر عبارت یا کدی قرار دهیم و صرفا محدود به درج استایل CSS نیست، به طور مثال می توانیم به کاربر پیامی مبنی بر اینکه مرورگر او قدیمی و منسوخ شده است نمایش دهیم و بخواهیم که از مرورگر به روزتر دیگری استفاده کند:
<!--[if IE]>
کاربر گرامی لطفا از مرورگر دیگری به غیر از اینترنت اکسپلورر استفاده کنید!
<![endif]-->
- این پیام های شرطی باید بعد از استایل اصلی و پیش فرض قالب که مخصوص تمام مرورگرها است ترجیحا در قسمت هدر و بین تگ های head قرار گیرند.

تنظیمات مخصوص نسخه های مختلف مرورگر اینترنت اکسپلورر


در ادامه آموزش لیست تقریبا کاملی از تنظیمات استایل CSS مخصوص نسخه های مختلف مرورگر اینترنت اکسپلورر به همراه توضیحات آنها را درج کرده ایم.
درج استایل مخصوص مرورگر اینترنت اکسپلورر در صفحه (تمام نسخه ها)
<!--[if IE]>
<link href="style/ie.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
توضیح:
- if به معنی اگر و IE مخفف اینترنت اکسپلورر (Internet Explorer) است.
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 6
<!--[if IE 6]>
<link href="style/ie6.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
توضیح:
-در صورتی که استایلی در فایل ie6.css داشته باشیم خاصیت های آن در مرورگر اینترنت اکسپلورر نسخه 6 با خواص مشترک استایل اصلی جایگزین خواهند شد.
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 7
<!--[if IE 7]>
<link href="style/ie7.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 8
<!--[if IE 8]>
<link href="style/ie8.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 9
<!--[if IE 9]>
<link href="style/ie9.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه بالا تر از 6
<!--[if gt IE 6]>
<link href="style/gtie6.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
توضیح:
- عبارت gt به معنی greater than یا بزرگتر از است.
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه بالا تر از 7
<!--[if gt IE 7]>
<link href="style/gtie7.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه بالا تر از 8
<!--[if gt IE 8]>
<link href="style/gtie8.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه پائین تر از 7
<!--[if lt IE 7]>
<link href="style/ltie7.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
توضیح:
- عبارت lt به معنی less than یا کوچکتر از است.
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه پائین تر از 8
<!--[if lt IE 8]>
<link href="style/ltie8.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه پائین تر از 9
<!--[if lt IE 9]>
<link href="style/ltie9.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 6 و بالا تر از 6
<!--[if gte IE 6]>
<link href="style/gteie6.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
توضیح:
- عبارت gte به معنی greater than equal یا بزرگتر مساوی است.
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 7 و بالا تر از 7
<!--[if gte IE 7]>
<link href="style/gteie7.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 8 و بالا تر از 8
<!--[if gte IE 8]>
<link href="style/gteie8.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 7 و پائین تر از 7 
<!--[if lte IE 7]>
<link href="style/lteie7.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 8 و پائین تر از 8
<!--[if lte IE 8]>
<link href="style/lteie8.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل مخصوص مرورگر اینترنت اکسپلورر نسخه 9 و پائین تر از 9
<!--[if lte IE 9]>
<link href="style/lteie9.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
درج استایل برای حالتی که مرورگر کاربر اینترنت اکسپلورر نباشد
<!--[if !IE]>
<link href="style/notie.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
توضیح:
- کاراکتر علامت تعجب (!) برای منفی سازی پیام شرطی استفاده می شود.

هک های مخصوص اینترنت اکسپلورر


علاوه بر روش های بالا در موارد خیلی خاصی می توان از حفره ها و اشکالات موجود در مرورگرها جهت مقاصد خیرخواهانه استفاده کرد!، از این نظر شاید وجود حفره در نرم افزارها همیشه هم بد نباشد هرچند بهتر است پدیدآورندگان برنامه ها زمان بیشتری برای رفع مشکلات اختصاص دهند تا کاربران مجبور به استفاده از این شیوه ها نشوند، در هر صورت اصطلاح هک CSS در مرورگرهای مختلف بی شباهت به مفهوم کلی هک که به طور معمول با آن آشنایی داریم نیست، به عبارتی در اینجا نیز از نقایص موجود در برنامه نویسی مرورگر استفاده می کنیم با این تفاوت که هدف ما صرفا تنظیم ظاهر صفحه وب و رفع مشکلات ناخواسته آن است، بحث هک در CSS جزئیات زیادی دارد به همین دلیل در این مطلب صرفا به ذکر چند نمونه اکتفا می کنیم، البته به یاد داشته باشیم در کل استفاده از هک CSS توصیه نمی شود چرا که بهتر است حتی المقدور بر سلکتورها و خاصیت های استاندارد CSS تکیه داشته باشیم از طرفی این هک ها در مرورگرهای مختلف که از به روز رسانی های متفاوتی استفاده می کنند، به شکل واحدی ممکن است پردازش نشوند.

هک با عبارت html+*


در این روش یک آی دی یا کلاس را هم به صورت عادی و هم با درج عبارت html+*  در ابتدا تعریف می کنیم، به عنوان مثال در نمونه کد زیر دو ویژگی متفاوت برای یک آی دی تعریف کرده ایم، قسمتی که عبارت html+* در ابتدای آن قرار دارد تنها در مرورگر IE 7 پردازش می شود.
<style type="text/css">
#my-id{
    border:#333 2px dotted;
}
*+html #my-id{
    border:#333 4px solid;
}
</style>

هک با زیر خط یا underline


روش هک زیر خط یا underline که عنوان دیگر آن underscore است برای هک نسخه های مختلف اینترنت اکسپلورر مخصوصا نسخه 6 کاربرد دارد، در این روش در همان آی دی یا کلاس هدف ویژگی مورد نظر را با یک زیرخط در ابتدا تعریف می کنیم.
<style type="text/css">
body{
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
    _font-size:10px;
    _font-family:Tahoma, Geneva, sans-serif;
}
</style>

هک با استفاده از علامت ستاره *


روش هک با علامت ستاره * برای مرورگر اینترنت اکسپلورر نسخه 7 به پائین به کار می رود، در این روش برای عناصر خاص اکسپلورر یک ستاره در ابتدای آنها قرار می دهیم.
<style type="text/css">
.my-class{
    background-color:#CCC;
    *background-color:#0CC;
}
</style>

هک با قرار دادن عبارت 9\


این شیوه هک برای مرورگر اینترنت اکسپلورر نسخه 9 یا 8 و پائین تر به کار می رود، در این روش برای ویژگی خاص اکسپلورر عبارت 9\ را به انتهای خاصیت اضافه می کنیم.
<style type="text/css">
.my-class{
    background-color:#CCC;
    background-color:#0CC\9;
}
</style>
در پایان این آموزش یادآور می شویم که استفاده از استایل CSS مخصوص مرورگر اکسپلورر برای قالب صفحه وب تنها در شرایطی ضروری است که اشکال یا ایراد قابل توجهی در نسخه بخصوصی مشاهده شود، در غیر اینصورت بهتر است همواره از یک استایل استاندارد و واحد برای تمام مرورگرها استفاده کنیم.
sectionدسته بندی: آموزش کاربردی » CSS
related مطالب بیشتر:
» ساخت منوی کشویی با تگ ul li و CSS
» چسبیدن فوتر قالب به پائین صفحه با CSS
» حذف اسکرول افقی (Horizontal Scroll) با CSS
» ساخت بلاک شناور عمودی با CSS
» ساخت منوی آبشاری (عمودی) با تگ ul li و CSS
commentنظرات (۲۴ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: شکوفه
۲۳:۵۵ ۱۳۹۲/۱۲/۱۲
سلام ممنون از آموزشتان فقط در قسمت هک با قرار دادن عبارت 9/ بجای اسلش من بک اسلش گذاشتم تا جواب گرفتم
پاسخ: 
ممنون از توجه شما، آموزش اصلاح شد.
نویسنده: معصومه هاشمی طاهری
۱۵:۵۶ ۱۳۹۳/۰۴/۱۲
سلام و خسته نباشید!
از این مطلب تون استفاده کردم. خیلی به دردم خورد.
خیلی ممنون
نویسنده: m0ri
۱۵:۲۷ ۱۳۹۳/۰۴/۲۷
سلام.. خسته نباشید دوستان
با آرزوی قبولی طاعات و عبادات...
من در حال تکمیل یه قالب هستم که بروزه و این بروز بودن مشکلاتی رو تو IE برام بوجود میاره.. البته تا 8 اوکی کردم... ولی دیگه برا IE7 و IE 6 مکافاته... :(
حالا میخوام اگه کسی وبم رو با این مرورگرا یعنی 7 و 6 باز کرد... براش یه صفحه باز شه و بگه که بروزرسانی کن.. کلا میخوام برا این گروه وبم رو ببندم تا بروزرسانی کنن!
یه نمونه آنلاین هم براتون مثال میزنم که دقیق اون چیزی که میخوام تو ذهنتون تلاقی بشه...
این سایت
https://jomlak.com
رو نگاه کنید همه چی معلومه.. این سایت اومده وقتی مرورگر 8/7/6 و حتی IE 9 , و کلا مرورگر پایین اگه بخواد باهاش باز شه یه صفحه براش میاد که مرورگر شما به تاریخ پیوسته است و...
...که اگه IEtester ندارید تست کنید..من اون صفحه که میاد رو میذارم... این صفحه پایین :
https://jomlak.com/old
خیلی جاها رو خوندم اما به این نرسیدم.. قبلیا بیشتر یه Alert یا یک نوار بود... که اونم دقیق یاد نگرفتم..
حالا از شما استاد میخوام کمک کنید که بتونم مثل سایت بالا یعنی یه صفحه جدا.... دقیق مثل اون ، برای هر ورژن پایین IE ی ... که بخوام این اجرا شه...
و به طور مثال آدرس سایتم اینه :
www.ali.com
وقتی IE بود ورژن های پایین تر بشه :
www.ali.com/old
تو رو خدا کمکم کنید...که بتونم مثل سایت جملک درست کنم...
بازم ممنون ..
پاسخ: 
برای این کار ابتدا باید مرورگر و نسخه آن را تشخیص دهید، انجام این کار هم با جاوا اسکریپت و هم با PHP ممکن است، منتها استفاده از PHP ایمن تر است و تمام کاربران (چه آنهایی که جاوا اسکریپت در مرورگرشان فعال است و چه آنها که جاوا اسکریپت در مرورگرشان غیرفعال است) را شامل می شود،
با جاوا اسکریپت:
<!--[if IE]>
<script type="text/javascript">
window.location = "http://webgoo.ir";
</script>
<![endif]-->
در این روش می توانید با استفاده از دستورات شرطی نسخه مرورگر را نیز تشخیص دهید، با PHP:
if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false) {
header('Location: http://webgoo.ir');
exit;
}
یک روش دیگر با PHP بر اساس نسخه مرورگر:
$browser = get_browser();
if($browser->browser == 'IE' && $browser->majorver <= 7) {
header('Location: http://webgoo.ir');
exit;
}
در روش آخر مرورگر IE نسخه 7 و ماقبل به آدرس تعیین شده منتقل می شوند.
نویسنده: m0ri
۱۶:۵۸ ۱۳۹۳/۰۵/۰۳
ممنون از شما...
فقط یک نکته رو متوجه نشدم...
همون طور که میدونید اگه با جاوا بخوام باید این کد رو قبل از تگ
<heaed/>
قرار بدم تا اعمال شه...
حالا با دستور php که شما فرمودین... چجوریه؟
یعنی این کد کجا قرار داده میشه ؟
قالب وردپرس است ؟ این کد تو فایل فانکشن گذاشته میشه یا نه؟ ممنون میشم راهنمایی کنید...
پاسخ: 
برای PHP باید بر روی ساختار سیستم مدیریت محتوایی که از آن استفاده می کنید مسلط باشید، لطفا برای کسب اطلاعات بیشتر در این خصوص به انجمن های وردپرس مراجعه کنید.
نویسنده: hamed
۱۳:۴۸ ۱۳۹۴/۰۳/۳۰
خیلی خیلی ممنونم
نویسنده: غریب
۰۸:۱۶ ۱۳۹۵/۰۴/۲۸
سلام عزیز
سوالی که بنده دارم اینه که ایا فقط استفاده کردن از هک اکسپلوره برای تعریف یک خاصیت کافیه ؟
یاباید اون خاصیت رو بنا به ساپورت اکسپلوره داد ؟
مثلا میشه این رو
border-radius: 15px;
با استفاده از هک قرار داد یا نه حتما بایداینجوری نوشت دوباره
-moz-border-radius: 15px ;
منظورم این هست که ایا میشه استایلهای معمولی رو با شیوه هک اکسپلوره برای این مرورگر هم خوانا کرد در همه مواردی که ساپورت نمیکنه یا نه
ممنون میشم راهنمایی کنید ممنون و خسته هم نباشید
پاسخ: 
هک هر مرورگر شیوه جداگانه ای دارد، لذا دستورات مورد استفاده برای مرورگر اکسپلورر نمی توانند برای سایر مرورگرها مورد استفاده قرار گیرند و برعکس، البته به لطف پیشرفت مرورگرها و برای نسخه های جدیدتر کمتر نیاز به استفاده از هک احساس می شود.
نویسنده: علی
۲۲:۵۳ ۱۳۹۵/۰۵/۲۲
سلاااام ؛
شما فوق العاده اید، متخصص و درجه یکید ... وقتی یه سوال تو کار برام پیش میاد و توی نت سرچ میکنم و دنبال جواب میگردم و توی جستجوی گوگل میبینم که شما هم در این مورد مقاله ای دارید بسیار خوشحال میشم اینو جدی میگم، چون مطمئن میشم که جوابمو تو مقاله های کاملتون پیدا میکنم. فقط خواستم بگم مدیونتونم اساتید عزیز و دلم کشید یه تشکر حسابی ازتون کنم . ممنون :)
پاسخ: 
نظر لطف شما است.
نویسنده: maede eshghi
۱۳:۵۴ ۱۳۹۷/۰۲/۰۵
با سلام
ببخشید من کدهایی که در پروژه ام با جاوااسکریپت نوشتنم مثل اسلاید شو و تب بندی در مرورگر اکسپلورر کار نمیده خواستم علتش رو بپرسم
پاسخ: 
مرورگر اکسپلورر در نسخه های قدیمی دچار نواقص و اشکالاتی است، به همین دلیل معمولا نیاز به نوشتن کدهای اختصاصی است که باید برنامه نویس مربوطه جهت سازگاری ابزار با این نسخه ها کدهای جداگانه در نظر بگیرد، با توجه به اینکه در حال حاضر اغلب کاربران از نسخه های به روز و جدید استفاده می کنند شاید صرف زمان و انرژی برای این نسخه های قدیمی چندان توجیه منطقی هم نداشته باشد!
نویسنده: mahdi
۱۲:۱۳ ۱۳۹۹/۰۱/۰۴
سلام استاد عزیز ، عذر میخوام من سوال زیاد میپرسم ، میخواستم بدونم چه توی css و چه javascript ما ie8 رو در نظر بگیریم یا نه؟ منظورم اینه که این نسخه از مرورگر اونقدری کاربر داره که ما بخوایم بهش اهمیت بدیم؟ شما خودتون تو پروژه هاتون این نسخه رو در نظر میگیرید؟ آخه من هرچقدر پیش میرم میبینم که اکثر پشتیبانی ها از ie9 شروع میشه در صورتی که فکر میکردم فقط scc اینطوریه ولی جاوااسکریپت هم همینطوره ... ممنون میشم راهنماییم کنی
پاسخ: 
در پروژه های جدید خیر، در کل مرورگر اکسپلورر طبق آمارهای موجود خیلی درصد بالایی از استفاده کاربران را شامل نمی شود:
https://www.w3counter.com/globalstats.php
با این حال حداقل باید سازگاری امکانات را با نسخه 9 و مابعد تطبیق دهید، خوشبختانه در این خصوص هم در CSS و هم JavaScript راه حل هایی وجود دارد و در نسخه های جدیدتر، مرورگرها به سمت یکسان سازی استانداردها حرکت می کنند که این کار طراحان و برنامه نویسان وب را نسبت به قبل بسیار ساده تر می کند.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- موارد غیرمرتبط با مباحث آموزش ها را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ مختصر داده خواهد شد.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- از درج عناوین تبلیغاتی در فیلدها خودداری کنید، در صورتی که یادداشت تبلیغاتی تشخیص داده شود حذف خواهد شد.
- تمام یادداشت ها بررسی و زمانی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد خودداری کنید.





1 × 4
 refresh

آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form عبدالمالت ریالی
در:
سلام علیک میشه از چند فونت در یک صفحه html استفاده کرد.؟
۱۳۹۹/۰۸/۰۱

form مبینا
در:
سلام من برنامه ای میخواستم که داخل ارایه 5 رنگ قرار گرفته باشه. و با استفاده از حلقه for این یک متنو به اون پنج...
۱۳۹۹/۰۸/۰۱

form mohadeseh
در:
ممنون از راهنماییتون مشکلم حل شد
۱۳۹۹/۰۷/۲۸

form محمد
در:
سلام. یک کد نوشته ام بدین صورت: وقتی صفحه باز شده یک پنجره پیام خالی با یک ok باز شده هر چه ok را...
۱۳۹۹/۰۷/۲۸

form فایز پور جهانبخشی
در:
سلام اگر بخواهیم برنامه ای که داخل متلب نوشتیم تا یک ثانیه اجرا شود و بعد از ثانیه اول در حالت خطا که...
۱۳۹۹/۰۷/۲۸

form mohadeseh
در:
الان کد من که توی تگ <head> گزاشتم میخواستم بدونم ایا امکانش هست که توی تگ link که ایکون رو باهاش اوردم بتونم...
۱۳۹۹/۰۷/۲۷

form mohadeseh
در:
سلام ببخشید لطفا راهنمایی کنید که چجوری title برای favicon در html بزارم؟ جوری که وقتی موس روی icon قرار بگیره متن...
۱۳۹۹/۰۷/۲۷

form ryomaechizen
در:
سلام. اگه حافظه وب پر بشه و مجبورا عکسا کپی باشن چطور باید مشکل بارگزاریشون حل بشه؟
۱۳۹۹/۰۷/۲۶

form رونا
در:
پرونده فرستاده شده نمی‌تواند به wp-content/uploads/2020/10 برود. سلام این ارور برای چی رخ می ده
۱۳۹۹/۰۷/۲۵

form reza
در:
سلام خوبید انشاالله؟ خواستم بدونم این نوار ابزار رو چطور باید اونایی رو دوست دارم بزارم سمت راست وبلاگم. هر چی کد و ......
۱۳۹۹/۰۷/۲۴

form سینا
در:
چگونه میتوانیم با استفاده از HTML فرمول شیمیایی مواد را بنویسیم؟ با عدد اتمی، جرمی و بار اتمی
۱۳۹۹/۰۷/۲۱

form فاطمه
در:
سلام ممنونم... خیلی ساده و روون توضیح دادین.. اونقدر که تشویق شدم محتوای یه فایل تکس رو با ایجکس درون یه div بیارم ولی...
۱۳۹۹/۰۷/۲۱

form امیرحسین
در:
خب متوجه شدم. که باید خط اول عدد فانکشن رو تغییر بدم. بسته به تعداد آرایه یا هر عدد دیگه تغییر بدم جوابمو...
۱۳۹۹/۰۷/۲۱

form امیرحسین
در:
عالی بود. خیلی ممنونم. ولی هر چند کلمه داخل آرایه داشته باشم به همون میزان خروجی گرفته میشه. من اگه 10 کلمه در آرایه داشته...
۱۳۹۹/۰۷/۲۱

form سعادتی
در:
سلام کاش روش برطرف کردن این بهم ریختگی رو هم توضیح میدادید. ممنون
۱۳۹۹/۰۷/۲۰
form امیرحسین
در:
موفق شدم اینو پیدا کنم. ولی میخوام کلمات تکراری داخلشون نباشه. مثال AAA فقط یک بار در اون خط وجود داشته باشه.
۱۳۹۹/۰۷/۲۰
form امیرحسین
در:
سلام. نه محدودیت زمانی وجود نداره.
۱۳۹۹/۰۷/۲۰
form امیرحسین
در:
سلام خسته نباشید. میخوام از این تابع برای بدست آوردن لیست های متفاوت استفاده کنم. مثلا یه آرایه داشته باشم. امیدوارم کمکم...
۱۳۹۹/۰۷/۲۰
form ابوالفضل
در:
سلام وقتتون بخیر من میخوام یه افزونه برای مرورگر کروم طراحی کنم و میخوام یه متنی رو هر سری از سایت دریافت کنه و...
۱۳۹۹/۰۷/۲۰
form mahdi
در:
سلام چطور می تونم از ip خارجی استفاده کنم؟ برای دریافت لانچر میخام. مرسی
۱۳۹۹/۰۷/۱۹
form احسان عباسی
در:
با سلام و تشکر از سایت خوبتون من یه کد تعریف کردم که در بورس ایران سهم مدنظرمو بیاره .. میخواستم ببینم امکانش هست دستوری...
۱۳۹۹/۰۷/۱۷
form شبنم
در:
سلام وقتتون بخیر، ببخشید از کلمه event یا e دقیقا چه زمانی توی فانکشن استفاده میکنیم؟
۱۳۹۹/۰۷/۱۷
form احمد
در:
با عرض سلام مجدد ساختار کلی دستورم به این صورت هست. بعد از حلقه وایل اون دیو کلاس 1 و 2 و 3 میخواهم...
۱۳۹۹/۰۷/۱۶
form احمد
در:
با عرض سلام ببخشید چطوری میتونم یه قسمت از تگ ها رو داخل حلقه وایل رد کنم دوباره تگ های بعدی داخل حلقه قرار بگیرن...
۱۳۹۹/۰۷/۱۶
form ابوالفضل
در:
سلام واقعا من خیلی گشتم تا بتونم این آموزش رو پیدا کنم چون واقعا نمی دونستم چی بنویسم تا یک رتبه بندی برای نتایج جستجو...
۱۳۹۹/۰۷/۱۵
form mahtab
در:
سلام وقتتون بخیر ببخشید میشه بفرمایید چجوری کلیپ رو بزاریم وبلاگ ؟؟ بی زحمت کامل بفرمایین ممنون و متشکر
۱۳۹۹/۰۷/۱۴
form Saeid Azari
در:
سلام ببخشید اگه امکانش هست سوال منو جواب بدید یکم گیج شدم...من یک کد html دارم که باید یک سایت درست کنم و ان را...
۱۳۹۹/۰۷/۱۳
form ابوالفضل
در:
سلام یک سوال دارم چجوری یک متنی که درون تگ td هست و بعد تگ br هست (تگ br درون تگ td است) رو...
۱۳۹۹/۰۷/۱۳
form parnian
در:
با سلام با توجه به این که این مطلب در سال 91 نوشته شده ایا تغیری هم کرده؟ مثلا استفاده و مهم بودن تگ های...
۱۳۹۹/۰۷/۱۳
form fahimeh
در:
سلام من دارم پروژه واسه دانشگاه مینویسم طراحی سایتو کردم برای کار با پایگاه داده دستور insert و delete کار میکنه ولی...
۱۳۹۹/۰۷/۱۲
form امین
در:
با عرض سلام ببخشید یه فرم دارم اخر فرمم یه دکمه دارم میخواستم بدونم چطوری باید بعد از کلیک کردن دکمه به صفحه دیگه انتقال...
۱۳۹۹/۰۷/۱۱
form محسن
در:
سلام من از فرم ساز گرویتی استفاده میکنم آیا امکان استفاده همچین چیزی رو میتونم داخلش داشته باشم آیا کدی داره که در قسمت...
۱۳۹۹/۰۷/۱۱
form مالکی
در:
چرا وبلاگم بالا نمی یاد
۱۳۹۹/۰۷/۰۹
form احمد
در:
با عرض سلام مجدد و خسته نباشید ببخشید نمونه کد رو اگر امکانش هست نگاه کنید که چطوری این متغییری رو که بدست اوردم در...
۱۳۹۹/۰۷/۰۹
form الناز
در:
سلام وقتتون بخیر. چطور میشه برنامه ای رو در php نوشت که کدملی رو تبدیل به شماره دانشجویی کنه اگه برام بنویسید ممنون میشم.
۱۳۹۹/۰۷/۰۹
form محمد
در:
سلام من میخواستم بدونم چه طوری میشه بدون اینکه از کاربر بپرسی که میخواهد از حساب خروج پیدا کند خود سایت بفهمد که کاربر از...
۱۳۹۹/۰۷/۰۹
form احمد
در:
با سلام ببخشید چطوری باید در جکوری از یک متغییر در صفحات دیگه استفاده کنم مثال دو عدد را باهم جمع کردم و ریختم داخل...
۱۳۹۹/۰۷/۰۹
form مهسا
در:
سلام و خسته نباشید مشکلی برای وبلاگ من پیش اومده موقع ورود بهم پیام میده وبلاگ داره بروز رسانی میشه و بعدا وارد وبلاگ شوید...
۱۳۹۹/۰۷/۰۸
form Moshtagh
در:
سلام و خسته نباشید بنده چند روزه که وقتی اطلاعات ورود به وبلاگم رو وارد تیترها و کلیک میکنم با چنین پاسخی مواجه میشم...
۱۳۹۹/۰۷/۰۸
form mahtab
در:
سلام خسته نباشین ببخشید چرا بلاگفا باز نمیکنه ؟؟؟ میرم مدیریت وبلاگ نه تو بروز شده ها وبی هستم نه هم که...
۱۳۹۹/۰۷/۰۷
form جواد
در:
سلام و عرض ادب. سایت من هک شده و یک کد ریدایرکت تو دیتابیس هاستم بارگزاری شده که آخر همه پست ها تو...
۱۳۹۹/۰۷/۰۷
  در انتظار بررسی: ۰
 پاسخگویی به سوالات ممکن است تا 24 ساعت زمان ببرد.