فکر میکنم با دستورات اختصاصی مرورگرها آشنا باشید. زمانی از این دستورات اختصاصی استفاده میکنیم که بخواهیم بعضی از دستورات ِ سیاساسمان، در مرورگری خاص، متفاوت باشد.

فرض کنید یک کادر در صفحه داریم که اندازهی ارتفاعش در فایرفاکس دقیقا همانی هست که در سیاساس تعیین کردهایم، اما در اینترنتاکسپلورر ۶ کمی ارتفاع بیشتر است. در اینجا از دستورات اختصاصی اینترنتاکسپلورر استفاده میکنیم و در آن، اندازهی ارتفاع ِ کادر ِ موردنظر را کمتر میکنیم تا متناسب شود و این فقط شامل اینترنتاکسپلورر (۶) خواهد بود و فایرفاکس و دیگر مرورگرها، همچنان از همان مقدار اولیه برای ارتفاع تبعیت میکنند.
خب، برگردیم سر ِ بحث ِ اصلیمان. برای اُپرا در حالت عادی، دستور اختصاصی وجود ندارد و باید از راههایی که اصولا توصیه نمیشود، استفاده کرد. اما هک ِ زیر به ما در این مورد کمک بزرگی میکند و میتوانیم خیلی راحت در بین دستورات سیاساس، دستورات اختصاصی برای اُپرا بنویسیم:
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
your css codes here..
}
یک مثال هم میزنم که کاملا متوجهی ماجرا بشوید. به فرض، میخواهیم یک متن که در تگ P قرار دارد را در اُپرا با رنگ سبز نشان دهیم و در مرورگرهای دیگر با رنگ مشکی دیده شود. به این صورت عمل میکنیم:
p {
color: #000;
}
کد بالا، متنمان را مشکی میکند و کاری با نوع مرورگر ندارد.
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
p {
color: #45c705;
}
}
واضح هست؟ با کد بالا گفتیم که متن موردنظر در اُپرا سبز باشد. همین :)








محمود
در ۸۸/۰۹/۱۴ گفت:پست خوبی بود.ممنون :) من اپرا رو بسیار دوست میدارم :D
پاسخ
voltan
در ۸۸/۰۹/۱۴ گفت:مرسی
این کد خیلی وقت ها به درد میخوره :دی
من با حاشیه های گرد خیلی کار میکنم که متاسفانه راهی برای ساپورتش توی سی اس اس پیدا نکردم
پاسخ
گیک مرورگر
در ۸۸/۱۰/۲۰ گفت:احتیاط واجبه . مخصوصا در ورژن هایی که بتا نیست ، خیلی اذیت می کنه . اگر بتا باشه یک خورده اذیتش کم می شه.
پاسخ
حسین
در ۸۸/۱۲/۲۳ گفت:متاسفانه کار نمیکنه!
پاسخ
امیرحسین
در ۸۹/۰۴/۰۴ گفت:شه ژالب!
این تو چه نسخه هایی از اپرا کار می کنه؟
پاسخ
وحید
در ۸۹/۰۵/۲۱ گفت:سلام. من این کد رو تو اپرا ۱۰٫۵ تست کردم، ولی کار نمی کنه، چرا؟
پاسخ
یکی یه دونه
در ۸۹/۰۸/۰۸ گفت:وبکیت؟! پس -o چی میشه؟!
اسم این webkit که میاد آدم یاد سافاری می افته خب…
شاید هم من اشتباه می کنم، سی اس اس زیاد وارد نیستم :)
پاسخ
یکی یه دونه
در آبان ۸م, ۱۳۸۹ببخشید تاریخ پست رو ندیدم ! :دی
پاسخ