EPCtech Posted November 12, 2008 Share Posted November 12, 2008 <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"> This is the code I have to make a gradient on my website. Can anyone tell me why this doesn't work in Firefox, and how to get it to work in Firefox? Thanks, En-Psyche Link to comment https://forums.phpfreaks.com/topic/132372-solved-microsoft-gradient-works-in-ie-but-not-in-ff/ Share on other sites More sharing options...
foxtrotwhiskey Posted November 12, 2008 Share Posted November 12, 2008 It simply is just not standard CSS. IE has alot of extras that go against standards. The problem is most other browsers don't support them, making them practically useless. As far as I know there is no equivalent for Firefox. I suggest you create an image of the gradient and use that instead. Link to comment https://forums.phpfreaks.com/topic/132372-solved-microsoft-gradient-works-in-ie-but-not-in-ff/#findComment-688250 Share on other sites More sharing options...
foxtrotwhiskey Posted November 12, 2008 Share Posted November 12, 2008 accidentally double posted :-X Link to comment https://forums.phpfreaks.com/topic/132372-solved-microsoft-gradient-works-in-ie-but-not-in-ff/#findComment-688251 Share on other sites More sharing options...
xtopolis Posted November 12, 2008 Share Posted November 12, 2008 Use a 1px x height/width image instead and follow regular, widely supported, CSS techniques. Link to comment https://forums.phpfreaks.com/topic/132372-solved-microsoft-gradient-works-in-ie-but-not-in-ff/#findComment-688259 Share on other sites More sharing options...
haku Posted November 12, 2008 Share Posted November 12, 2008 The title says it all. Microsoft gradiant, Firefox. Firefox isn't Microsoft. Actually, besides the fact that filters are IE only, it's not good to use any microsoft filters if you can help it - they use a lot of system resources, as they recalculate every time the cursor is moved or the screen is scrolled. Use a 1px x height/width image instead and follow regular, widely supported, CSS techniques. For the most part that is right, but actually it's better to use something 5px, as it takes more system resources to repeat a 1px image than it does a 5px image, so the 5px image actually speeds up your processing time, as the difference in downloading time is almost nil. Link to comment https://forums.phpfreaks.com/topic/132372-solved-microsoft-gradient-works-in-ie-but-not-in-ff/#findComment-688266 Share on other sites More sharing options...
BoltZ Posted November 12, 2008 Share Posted November 12, 2008 Just use an image in all browsers, it will save you alot of headaches. Link to comment https://forums.phpfreaks.com/topic/132372-solved-microsoft-gradient-works-in-ie-but-not-in-ff/#findComment-688388 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.