اعمال CSS های جداگانه به هر یک از مرورگر های Opera,Firefox,Chrome,Safari و IE

تبلیغات
کانال تلگرام فتولیا

سلام ;

روی قالب جدید فتولیا داشتم کار می کردم که مجبور شدم راهی پیدا کنم برای اینکه به یه div در هر مرورگر یه سبک css خاص اعمال بشه . بعد از کمی جستجو به راه جالبی رسیدم که خلاصه ترش رو قبلا در مورد مرورگر معظم اینترنت اکسپلورر دیده بودیم :) بله همون شرط هایی که IF IE و … ولی این بار در مورد تمام مرورگرها باید کار می کرد .

برای این کار مجبوریم از هک های css استفاده کنیم گرچه ممکنه فایل css ما رو غیر استاندارد کنه ولی گاهی چاره ای نیست ;)

برای نمایش کارکرد این روش ۶ پاراگراف برای مرورگرهای مختلف ایجاد کردیم که در هر مرورگری فقط یکی از پاراگراف ها رنگی می شوند .

 

هدف قرار دادن InternetExplorer در CSS

 

هدف قرار دادن Firefox در CSS

 

هدف قرار دادن Safari/Chrome در CSS

با توجه به اینکه این دو مرورگر از موتور یکسان webkit استفاده کردن ،سبک ما به هر دو به صورت یکسان اعمال خواهد شد

 

در همین رابطه :   ایجاد نوار شناور اطلاع رسانی رایگان hellobar.com با jQuery

هدف قرار دادن Opera در CSS

 

حالا می تونید با پیش نمایش پایین ببینید که چطور سبک ما در هر مرورگر به یک شکل خاص اعمال شدند .

 

 

 

11 Comments

  1. سلام و عرض ادب خدمت شما
    از قبلا با سایت شما آشنا بودم ولی فرصت نکرده بودم سایت شما رو بررسی کنم.
    امروز چند تا از مطالب شنا رو خوندم.
    مطالب کاملا کاربردی و مفیدی می نویسید
    گفتم این نظر رو بزارم فقط برای تشکر از شما
    یاعلی

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

More in CSS
ایجاد نوار شناور اطلاع رسانی رایگان hellobar.com با jQuery

اخیرا یک نوار اطلاع رسانی جالب بنام Hellobar.com پیدا کردم و تصمیم گرفتم ازش استفاده کنم. کاری را که انجام...

Close