• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
راهی برای نمایش فقط در فایرفاکس و دیگر مرورگر های استاندارد
#1
با سلام دوستان من یک سری کد CSS برای باکس ها توی سایتم نوشتم که در مرورگر های استاندارد مثل فایر فاکس کاملاً صحیح دیده میشه ولی در مرورگر نا محبوب و پر مخاتب IE در نسخه 9 به شکل قرینه دیده میشود و در نسخ پایین تر عشقی! برای همین من از عطای IE بکل گزشتم و می خواهم کاری کنم که این کدها فقط در مرورگرهای غیر از IE به نمایش در آید بگم اگر مرورگر IE است نمایش نده این تنظیمات رو ! بگزار همون مربع ساده باشه و اگر کاربر با مرورگر IE امد می خواهم بهش پیشنهاد کنم برو به راه راست و فایرفاکس یا کروم رو دانلود کن خدا عجرت بده ! و اینکه یک نکته جالب من برای تک DIV مقدار Align رو Center گزاشتم توی Opera و IE این تگ Center می شود ولی در Firefox و Chrome نه در این باره هم راهنمایی بفرمایید ممنون می شوم
کد:
-moz-border-radius:0px 19px 0px 0px;
-webkit-border-radius:0px 19px 0px 0px;
border-radius:0px 19px 0px 0px;
-moz-box-shadow:0px 0px 2px #000000;
-webkit-box-shadow:0px 0px 2px #000000;
box-shadow:0px 0px 2px #000000;

کد:
<body dir="rtl">

<div id="pageone" align="center">
  پاسخ
تشکر شده توسط :
#2
کد:
    [if !IE]
-moz-border-radius:0px 19px 0px 0px;
-webkit-border-radius:0px 19px 0px 0px;
border-radius:0px 19px 0px 0px;
-moz-box-shadow:0px 0px 2px #000000;
-webkit-box-shadow:0px 0px 2px #000000;
box-shadow:0px 0px 2px #000000;

<![endif]-->
  پاسخ
تشکر شده توسط : saeidgi
#3
(۱۳۹۰ فروردین ۲۰, ۱۱:۴۱ ب.ظ)LordEfazati نوشته:
کد:
    [if !IE]
-moz-border-radius:0px 19px 0px 0px;
-webkit-border-radius:0px 19px 0px 0px;
border-radius:0px 19px 0px 0px;
-moz-box-shadow:0px 0px 2px #000000;
-webkit-box-shadow:0px 0px 2px #000000;
box-shadow:0px 0px 2px #000000;

<![endif]-->

برای IE9 اصلاً فرقی نکرد!
  پاسخ
تشکر شده توسط :
#4
(۱۳۹۰ فروردین ۲۱, ۰۸:۳۶ ب.ظ)saeidgi نوشته:
(۱۳۹۰ فروردین ۲۰, ۱۱:۴۱ ب.ظ)LordEfazati نوشته:
کد:
    [if !IE]
-moz-border-radius:0px 19px 0px 0px;
-webkit-border-radius:0px 19px 0px 0px;
border-radius:0px 19px 0px 0px;
-moz-box-shadow:0px 0px 2px #000000;
-webkit-box-shadow:0px 0px 2px #000000;
box-shadow:0px 0px 2px #000000;

<![endif]-->

برای IE9 اصلاً فرقی نکرد!
نباید که کارکنه،این شرط میگه اگه IE نبود اینو اجرا کن،هنوز مرورگر IE9 خیلی برا عموم ایرانیا جا نیفتاده ولی این مورد(border-radius) رو پشتیبانی میکنه،مطمئنم.
کل css و Htmlتو بذار.

اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط :
#5
نقل قول:هنوز مرورگر IE9 خیلی برا عموم ایرانیا جا نیفتاده
اینی که میگم مربوط به سلیقه فرد میشه اما توصیه من اینه که فعلاً کاری با مرورگر اینترنت اکسپلورر نگارش 9 (IE9) کاری نداشته باشید چون خیلی ایراد داره و بطور درست هنوز از HTML5 پشتیبانی نمی کنه ولی موزیلا فایرفاکس 4 خیلی بهتر از اونه. اگر من طراح بودم حتماً توصیه به کاربرانم میکردم که از فلان نگارش و از فلان مرورگر رو استفاده کنن و خودم هم متناسب با تکنولوژی روز طراحی می کردم پوسته رو
غایب
  پاسخ
تشکر شده توسط : Goback
#6
(۱۳۹۰ فروردین ۲۳, ۱۰:۵۱ ب.ظ)cyletech نوشته: فعلاً کاری با مرورگر اینترنت اکسپلورر نگارش 9 (IE9) کاری نداشته باشید چون خیلی ایراد داره و بطور درست هنوز از HTML5 پشتیبانی نمی کنه ولی موزیلا فایرفاکس 4
خب به نفع طراحه که نه تنها تو این نگارش بلکه نگارشهای پرکاربرد هر مرورگری هم تستشو انجام بده و به قول خودتون در عین حال با تکنولوژی روز حرکت کنه.

(۱۳۹۰ فروردین ۲۳, ۱۰:۵۱ ب.ظ)cyletech نوشته: اگر من طراح بودم حتماً توصیه به کاربرانم میکردم که از فلان نگارش و از فلان مرورگر رو استفاده کنن
ولی به نظر من نباید کاربر رو به یه مرورگر خاص محدود کنیم،اینجا هم به قول خودتون میشه به کاربر پیشنهاد داد که از فلان مرورگر به این دلایل استفاده کنه که بهتره.
-----
هماهنگ سازی قالب سایت با اکثر مرورگرها یه هنره که برمیگرده به دانش طراح.

اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط : cyletech hosseintdk775


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان