html - "linear-gradient" not working in IE9 and Safari -

i try apply style button style displays on mozilla , chrome not case safari , ie9.

here css class:

#bt_d{ width:130px; height:30px; box-shadow:1px 2px 4px rgba(0,0,0,0.60); font-size:12px; background-image:linear-gradient(60deg, rgb(231,110,49), rgb(231,171,49)); border:1px solid rgb(180,180,180); border-radius:5px; float:right; text-align:center; vertical-align:middle; } 

but when inspect button , find in quoted of property linear-gradient yellow exclamation mark indicates property not recognized browser (safari or ie9)

any idea solve issue?

for safari, have put additional, so-called "vendor-prefixed" version of definition:

background-image: -webkit-linear-gradient(60deg, rgb(231,110,49), rgb(231,171,49)); 

for ie9 (which has no support css gradients) must use image fallback, either png/gif/jpg, or better svg.

here 1 of many gradient generators creates svg want:

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