क्रोम और सफारी ब्राउज़र में रैखिक ढाल

Question

मुझे सफारी और क्रोम में एक रैखिक ढाल दिखाने में परेशानी हो रही है। फ़ायरफ़ॉक्स में यह ठीक दिखता है।

मैं कोशिश कर रहा हूँ:

background: -webkit-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent; 
background: -moz-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent; 
background:  -ms-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent; 
background:  -o-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent; 

धन्यवाद आप आपकी मदद के लिए।

Answer 1

इस प्रयास करें - http://jsfiddle.net/fwkgM/1/

background-color: #9e9e9e; 
    background-image: linear-gradient(to bottom, #9e9e9e, #454545); 

CSS3 Please

Answer 2

आप भी इस कोशिश कर सकते हैं:

http://www.colorzilla.com/gradient-editor/

यह एक बहुत अच्छी CSS3 के ढाल जनरेटर है। यह मेरे लिए अच्छा काम किया है। उम्मीद है कि यह भी आपकी मदद करता है! : डी

Answer 3

background: -webkit-linear-gradient(left,transparent,black 50%,transparent); /* worked for me*/ 

Answer 4

क्रॉस ब्राउज़र संगतता के लिए कोशिश निम्नलिखित

background-color: #9e9e9e; /* fallback color if gradients are not supported */ 
background-image: -webkit-linear-gradient(bottom, rgb(213,12,18), #9e9e9e 40%); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ 
background-image: -moz-linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* For Firefox (3.6 to 15) */ 
background-image:  -o-linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* For old Opera (11.1 to 12.0) */ 
background-image:   linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* Standard syntax; must be last */