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:
Comments
Post a Comment