• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
alireza1375

کدام دستور CSS برای هر مرورگر اختصاصی است؟

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

دوستان کدام دستور CSS برای هر مرورگر اختصاصی است؟؟

مثلا یکی از آن ها دستور transition است.که دستورات آن ها به شکل زیر است.


-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;

0

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


لینک به پست

کل خاصیتهای css3

3

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


لینک به پست

سلام

بفرمایید: CSS3 Browser support

4

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


لینک به پست

ارسال شده در (ویرایش شده)

سلام

بفرمایید: CSS3 Browser support

فقط سه سوال :برای استفاده از دستورات باید ابتدا نام مرورگر را بنویسم و بعد باید دستور معمولی را بنویسم؟

و سوال دوم این که بعضی ارم ها روی آن نام مرورگر نبود(-webkit- یا -moz- و ...) یعنی این که این دستور به طور معمولی در مرورگر (با توجه به ورژن)اجرا می شود؟

مثلا دستور border-image در مرورگر فایرفاکس ، کروم و سافاری با توجه با ورژن کار می کند و در مرورگر اپرا با دستور -o- کار می کند؟

و سوال آخر آن دستور هایی که آرم مرورگر را ندارد چی؟

ویرایش شده در توسط alireza1375
0

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


لینک به پست

وبکیت یک پروژه بزرگ متن باز است که اغلب مرورگرها را پوشش می دهد (البته بجز مرورگر ie) وقتی از وب کیت استفاده می کنید نیازی به یاد آوری موزیلا و اپرا نیست

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

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


-moz-transform: rotate(7.5deg); /* FF3.5+ */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
-ms-transform: rotate(7.5deg); /* IE9 */
-khtml-transform: rotate(7.5deg);
transform: rotate(7.5deg);

و باز هم برای ie7و ie8 باید فیلتر ms گذاشت یعنی استایل صحیح می شود


-moz-transform: rotate(7.5deg); /* FF3.5+ */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
-ms-transform: rotate(7.5deg); /* IE9 */
-khtml-transform: rotate(7.5deg);
transform: rotate(7.5deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; /* IE8 */

3

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


لینک به پست

یه چیزی هم که می تونم متذکر بشم اینه که مرورگر ها با ورژن جدید دیگه نیازی به کد های پیشوند moz ms o webkit ندارند و همون کد ساده را می خوانند الان این پیشوند ها برای تغییر و نمایش صحیح تر استفاده میشه مثلا شما همچین کدی را می توانید بنویسید


transform: rotate(7.5deg);
-moz-transform: rotate(5deg);

این کد در همه مرورگر ها با rotate 7.5 اجرا میشه ولی در موزیلا rotate 5 براش در نظر گرفته میشه ;)

1

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


لینک به پست

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

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

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

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


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

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

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


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