خصوصیاتی که باید با -moz- و ... همراه باشند

[forodo]

سلام
از کجا میشه فهمید که برای چه خصوصیاتی باید از -moz و -o- و ... استفاده کرد؟

[پیام حیاتی]

در سایت w3schools موارد قید شده.

[Mori Bone]

مواردی که در css 3 آمدند که در مرورگر های قدیمی باید با پیشوند موزد استفاده قرار بگیرند. که دوستمون پیام حیاتی (http://barnamenevis.org/member.php?233379-%D9%BE%DB%8C%D8%A7%D9%85-%D8%AD%DB%8C%D8%A7%D8%AA%DB%8C) به مکان ذکر شده این موارد اشاره کردند

[2undercover]

البته سایت Can I use? (http://caniuse.com) هم هست که می تونید بررسی بکنید که چه ویژگی در چه مرورگر هایی و در چه نسخه ای پشتیبانی می شوند و در کدام مرورگر ها و در کدام نسخه نیاز به استفاده از پیشوند ها هست.

[amirtc]

در مورد گرادینت ها،افکت ها،ترانزیشن ها،..هر چیزی که در css3 انیمیشن ایجاد کنه درضمن بهتر کد مربوط به ie از نسخه 10 به بالا استفاده بشه ولی اگر دارید سایتی سازمانی برای اداره یا همچین مکانی طراحی میکنید باید برای 10 به پایین هماستفاده بشه برای اینکه سیستم های ادارات بیشتر از ie6 استفاده میشه بنابر این برای 10،9،8،7،6هم باید کدنویسی شه.

[forodo]

در مورد گرادینت ها،افکت ها،ترانزیشن ها،..هر چیزی که در css3 انیمیشن ایجاد کنه درضمن بهتر کد مربوط به ie از نسخه 10 به بالا استفاده بشه ولی اگر دارید سایتی سازمانی برای اداره یا همچین مکانی طراحی میکنید باید برای 10 به پایین هماستفاده بشه برای اینکه سیستم های ادارات بیشتر از ie6 استفاده میشه بنابر این برای 10،9،8،7،6هم باید کدنویسی شه.
مگه به جز -moz- و -webkit- و -o- و -ms- چیزه دیگه ای هم هست که بشه باهاش به مرورگرهای پایین تر معرفی کرد؟

[amirtc]

بله استفاده از css hack ها در مواقعی شما از خوصوصیات استفاده میکنید که مرور گر های saffari, chrome,ie از اون خوصوصیت استفاده نمیشه وپشتیبانی نمی کنه از css hack ها استفاده میکنیم.
به عنوان مثال شما از یک shadow برای یک div تعریف کردیم که ie8 از اون پشتیبانی نمیکنه مجوریم از css hack ها استفاده بکینم.
در واقع واژه هک به این دلیل استفاده میشه که شما با استفاده از یک سری قواعد خاص میتونید خواسته ی خودتون رو روی مرور گر دلخواه تون پیاده کنید به عبارتی برای اجرای خواسته تون تودل مرور گر نفوذ کنید.

[forodo]

میشه مثال بزنید.
روش استفادش به چه شکل هستش؟

[amirtc]

این دستورات رو شماباید در فایل css تون وارد کنید.
این دستورات در تمامی مرورگر ها اجرا میشوند.
color:red; All browsers
color:red !important; All browsers but IE6
_color:red; Only works in IE6
*color:red; IE6, IE7
+color:red; Only works in IE7
*+color:red; Only worksin IE7
color:red\9; IE6,IE7,IE8,IE9
color:red\0; IE8, IE9
color:red\9\0; Only works in IE9

ودر IE10 در کد هاشمارو اذیت نمیکنه نیازی نیست براش کد نوشت.

[forodo]

1- این یعنی فقط مربوط به رنگ فونت ها هستش؟
2- برای مرورگرهای دیگه چی؟

[amirtc]

نه این مثال دوست عزیز !

[forodo]

متوجه نمیشم.
الان من چه جوری می تونم مثلاً برای radius در مرورگرهای پایینتر استفاده کنم؟

[hsdnhd]

باسلام دوست عزیز
منم با این مشکل مواجه شده بودم و خیلی تحقیق کردم وگفتم چه لزومی داره هردفعه بنویسی حتما کسی اومده یک راه حلی برای این مشکل ارائه داده که بالاخره به این مطلب برخوردم که شخصی کتابخانه ای طراحی کرده تا از شر این مشکلات راحت بشیم ومزایای دیگه ای هم ازنظر کم کردن کد ها داره.
http://www.7learn.com/toolbox/cssfx-js-add-prefix-of-css-properies
موفق باشید

[amirtc]

خوب دوست عزیز بجای کالر radius رو بنویسید اون کد کالر مثال بود که برای فهم بیشتر نوشتم.