CSS, CSS

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

تبلیغات
کانال تلگرام فتولیا
4 سوالی شهرداری

سلام ;

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

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

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

 

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

 

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

 

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

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

 

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

 

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

 

 

 

11 Comments

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

پاسخ دهید

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

آخرین مقالات فتولیا در ایمیل شما

در خبرنامه ما عضو شوید و آخرین مطالب و مقالات آموزشی را اول شما دریافت کنید