PDA

View Full Version : گفتگو: روش های استاندارد ساخت گرادینت



Mohsen.
پنج شنبه 12 مرداد 1391, 11:01 صبح
سلام دوستان
من میخواستم مطمئن بشم از راهی که من دارم برای ساخت گرادینت استفاده میکنم راه درستی هست یا نه؟
من به این صورت استفاده میکنم:

-webkit-linear-gradient(270deg,#fff 0%,#e5e5e5 100%);

و برای مرورگر ff هم از -moz- استفاده میکنم.
اگه اطلاعات خاص دیگه ای هم دارید لطف میکنید.

EMERTAT
پنج شنبه 12 مرداد 1391, 16:06 عصر
برای اینکه بتونید در ie ]م استفاده کنید می تونید از http://css3pie.com/ استفاده کنید :چشمک:

hamid.shekasteh
شنبه 14 مرداد 1391, 22:19 عصر
سلام

برای استفاده از گرادیانت به تنهایی احتیاجی به بارگذاری CSS3pie نیست و دستورات زیر برای کار شما کافیه.
به خط آخر که برا IE هست بیشتر دقت کنید.


background: -webkit-gradient(linear,left top,left bottom,color-stop(#b4b4b4,0),color-stop(#dedede,1));
background: -webkit-linear-gradient(top, #b4b4b4 0%, #dedede 100%);
background: -moz-linear-gradient(top, #b4b4b4 0%, #dedede 100%);
background: -o-linear-gradient(top, #b4b4b4 0%, #dedede 100%);
background: linear-gradient(top, #b4b4b4 0%, #dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#dedede',GradientType=0 )


این دستورات گرادیانت رو در تمام مرورگرهای زیر تضمین میکنه:
+chrome, firefox, opera, IE 6