Y-a--s--e-R

مشکل در نمایش دستورات css در مرورگرهای مختلف

7 پست در این موضوع قرار دارد

سلام .

دوستان برخی از دستورات سی اس اس ، در مرورگرهای مختلف به درستی نمایش داده نمی شه و مشکل بنده هم در این زمینه س .

مثلا وقتی از دستور :


border-radius: 4px 4px 4px 4px;

در css استفاده می کنم ، در مرورگر کروم بدون هیچ مشکلی به اندازه 4px اطراف کادر مد نظرمو ، گرد می کنه ، ولی در باقی مرورگرها این کارو انجام نمیده و نوک تیز میمونه .

یا مثلا وقتی از دستور :


background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#a160a1),color-stop(0.02,#a160a1),color-stop(1,#ff99ff)) !important;

استفاده می کنم ، فقط در مرورگر کروم اون دکمه یا کادر مد نظر رو به صورت گرادیانت نشون میده و در باقی مرورگرها کاملا بدون رنگ میشه .

حالا سئوالم اینجاست که چه جوری باید کدهای فوق رو استفاده کنم که تو تمام مرورگرهای محبوب و شاخص ( مثل : کروم ، فایرفاکس ، اینترنت اکسپلورر ، سافاری و ... ) نمایش یکسانی داشته باشه و به صورت صحیح نشون بده ؟

0

به اشتراک گذاری این پست


لینک به پست

سلام مجدد .

این خیلی خوبه که دوستان وردپرس پارسی ، دارن همزمان روی چند پروژه کار می کنن و سرشون شلوغ شده ، ولی واقعا کم کم دارن از این انجمن غافل می شن . چندوقتیه که کیفیت و سرعت پاسخگویی به تاپیکها خیلی ضعیف شده و عملا خیلی از اساتید این انجمن ، فعالیت زیادی مثل قبل ندارن . خیلی از تاپیکها به صورت ناقص و یا بعضا بدون جواب درستی ، رها شده .

قبل از رونمایی پوسته ی جدید سایت ، می گفتن که دارن روی پوسته کار می کنن و کاربران صبر کنند تا همه چی درست شه و حالا که پوسته رونمایی شده ، ظاهرا دارن روی پروژه های دیگه کار می کنن .

متأسفانه اگه همین جوری پیش بره و افراد خیلی کمی به جواب سئوالاتشون برسن ، این انجمن هم ، دیر یا زود شبیه به انجمن وردپرس فارسی می شه و متروکه ای ازش نمی مونه .

کاش حالا که امید خیلی از کاربران وردپرس ، همین انجمنه و دنبال جواباشون تو این انجمن می گردن ، لااقل به واسطه ی تلاش خودتون که به این جایگاه رسیدید ، یه فکری می کردید که در کنار پیش بردن پروژه هایی که اتفاقا واسه پیشرفت وردپرسه و باید از تک تک دوستان در این زمینه قدردانی کرد ، یکم بیشتر هوای انجمن تون و کاربرانش رو داشته باشید و حالا که خداروشکر سرتون شلوغ شده ، از کاربرا غافل نمی شدید .

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

1

به اشتراک گذاری این پست


لینک به پست

باید از پیشوند های مرورگر های مختلف استفاده کنید


-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;

ویرایش شده در توسط alivazirinia
1

به اشتراک گذاری این پست


لینک به پست

به اشتراک گذاری این پست


لینک به پست

باید از پیشوند های مرورگر های مختلف استفاده کنید


-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;

از این پیشوندهایی که دادید استفاده کردم ولی برای استایل مد نظر ، در مرورگر اینترنت اکسپلورر هیچ تغییری ایجاد نشد .

با کدهای این سایت هم تغییری برای مرورگر اکسپلورر ایجاد نشد .

اصلا مرورگر اکسپلورر از دستورات css مثل : گرادیانت ، border-radius و box-shadow و ... ) پشتیبانی می کنه ؟

0

به اشتراک گذاری این پست


لینک به پست

من خودم از کد بالا استفاده کردم حتی اکسپلوره 6 هم جواب داد.

قالبتون html است یا وردپرس؟

1

به اشتراک گذاری این پست


لینک به پست

من خودم از کد بالا استفاده کردم حتی اکسپلوره 6 هم جواب داد.

قالبتون html است یا وردپرس؟

اگه منظورتون از قالب html مثله قالبهای وبلاگه که خیر اونجوری نیست و کلی فایل php و js و css داره که فکر می کنم با این تفاسیر قالبم وردپرس باشه .

همونطور هم که عرض کردم کدها در اکسپلورر جواب نمیده . مگه کد پایین مخصوص مرورگر اکسپلورر نیست ؟


-ms-border-radius: 2em;

هیچ کدوم از کدها کار نمیکنه . نه کد مربوط به border-redius نه box-shadow و نه گرادیانت و ... .

نمیدونم مشکلش چیه . کد دیگه ای واسه اکسپلورر وجود نداره ؟

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری