No replies
mkessler
mkessler's picture
Offline
Regular
Last seen: 9 years 26 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+ */
}

Thanks!