مشکل گرادینت در ie

[website.expert]

سلام دوستان چطور میتونم گرادینتی درست کنم که در ie مشکل نداشته باشه؟!
کلی سرچ کردم چیز خاصی پیدا نکردم این پیج رو پیدا کردم ولی هر کاری میکنم تو ie من که فکر من 9 هست جواب نمیده:
http://www.briangervais.com/blog/css-gradients-with-internet-explorer-ie6-10
کسی میدونه باید چیکار کنم؟!

[alirezaoshz]

این سایت کل کد های css رو برای ie ترجمه کرده . فک کنم به دردت بخوره
گرادینت هم تو ie9 جواب میداد
http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

[website.expert]

کلمه gradient رو توش سرچ کردم چیزی پیدا نکرد :ناراحت:
من چندان کار گرافیکی نمیخوام فقط یه گرادینت ساده دو رنگ میخوام واسه بالای سایت هر کاری میکنم IE مشکل داره ولی بقیه مرورگرها نه!

[s2/mri]

سلام

برا IE شما باید از فایل PIE استفاده کنی



#main{
background:-moz-linear-gradient(top,#fff, #000);/*gecko*/
background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#000)); /*old webkit*/
background:-webkit-linear-gradient(#fff, #000); /*new webkit*/
background:-ms-linear-gradient(#fff, #000); /*IE10 preview*/
background:-o-linear-gradient(#fff, #000); /*opera 11.10+*/
background: linear-gradient(#fff, #000); /*future CSS3 browsers*/
behavior:url('PIE.htc');
-pie-background: linear-gradient(top,#fff, #000);/*IE 6 - 8 CSS3 PIE*/

}



فایل PIE رو میتونی از اینجا (http://www.css3pie.com) گیر بیاری



موفق باشی

[soft-web]

ازافزونه color zilla مربوط به فایرفاکس استفاده کن.
http://www.colorzilla.com/gradient-editor/

[alirezaoshz]

توی همون صفحه بودش خالا دیگه خودم میزارمش :

#gradient {
background-image: -moz-linear-gradient(top, #81a8cb, #4477a1); /* Firefox 3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Safari & Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(Gradien tType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(Gradien tType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; /* IE8 */
}

[website.expert]

ممنون از لطف شما دوستان،
هر سه روش فوق یعنی:
1- استفاده از فایل PIE
2- سایت colorzilla.com
3- سایت briangervais
روی مرورگرهای ie9 و فایرفاکس 17 که من در حال حاضر دارم درست عمل کردن.
حالا دوتا سوال داشتم:
1- کدوم یکی از اینها روی تعداد بیشتری از مرورگرها جواب میده که از همون استفاده کنم؟!(سایتی،نرم افزاری یا روشی هست روی تمام مرورگرها و ورژنهاشون ببینم)
2-تو vs2010 خصوصیات filter و behavior رو نمیشناسه و وارنینگ میده،میشه برطرفش کرد؟!
ممنون.

[h.torabi]

سلام

برا IE شما باید از فایل PIE استفاده کنی



#main{
background:-moz-linear-gradient(top,#fff, #000);/*gecko*/
background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#000)); /*old webkit*/
background:-webkit-linear-gradient(#fff, #000); /*new webkit*/
background:-ms-linear-gradient(#fff, #000); /*IE10 preview*/
background:-o-linear-gradient(#fff, #000); /*opera 11.10+*/
background: linear-gradient(#fff, #000); /*future CSS3 browsers*/
behavior:url('PIE.htc');
-pie-background: linear-gradient(top,#fff, #000);/*IE 6 - 8 CSS3 PIE*/

}



فایل PIE رو میتونی از اینجا (http://www.css3pie.com) گیر بیاری



موفق باشی

سلام من تازه کار هستم میشه درمورد pie یک توضیح بدین متشکرم....

[h.torabi]

بابا یکی جواب بده:ناراحت: