alireza1375 892 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 دوستان کدام دستور 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; نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 کل خاصیتهای css3 3 نقل قول لینک به ارسال
سعید حسینی 2409 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 سلامبفرمایید: CSS3 Browser support 4 نقل قول لینک به ارسال
alireza1375 892 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 (ویرایش شده) سلامبفرمایید: CSS3 Browser supportفقط سه سوال :برای استفاده از دستورات باید ابتدا نام مرورگر را بنویسم و بعد باید دستور معمولی را بنویسم؟و سوال دوم این که بعضی ارم ها روی آن نام مرورگر نبود(-webkit- یا -moz- و ...) یعنی این که این دستور به طور معمولی در مرورگر (با توجه به ورژن)اجرا می شود؟مثلا دستور border-image در مرورگر فایرفاکس ، کروم و سافاری با توجه با ورژن کار می کند و در مرورگر اپرا با دستور -o- کار می کند؟و سوال آخر آن دستور هایی که آرم مرورگر را ندارد چی؟ ویرایش شده مهر 92 توسط alireza1375 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 وبکیت یک پروژه بزرگ متن باز است که اغلب مرورگرها را پوشش می دهد (البته بجز مرورگر 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 نقل قول لینک به ارسال
mehdi... 240 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 یه چیزی هم که می تونم متذکر بشم اینه که مرورگر ها با ورژن جدید دیگه نیازی به کد های پیشوند moz ms o webkit ندارند و همون کد ساده را می خوانند الان این پیشوند ها برای تغییر و نمایش صحیح تر استفاده میشه مثلا شما همچین کدی را می توانید بنویسیدtransform: rotate(7.5deg);-moz-transform: rotate(5deg);این کد در همه مرورگر ها با rotate 7.5 اجرا میشه ولی در موزیلا rotate 5 براش در نظر گرفته میشه 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .