No replies
mkessler's picture
Last seen: 11 years 44 weeks ago
Timezone: GMT-4
Joined: 2010-08-02
Posts: 12
Points: 18

Hey everybody - I'm trying to set a gradient using css that begins 'transparent' and ends 'black.' What i've got below works in Safari, Firefox, and Chrome, but not in IE or Opera.

Any ideas on how to make it work?

#buffer {
height: 100px;
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000)); /* for webkit browsers */
background: -moz-linear-gradient(top, transparent, #000000); /* for firefox 3.6+ */