https://legacy.forums.gravityhelp.com/topic/ie9-enhanced-ui-gradient-problem Gravity Support Forums Topic: IE9 Enhanced UI gradient problem en-US Fri, 17 Apr 2026 01:20:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ie9-enhanced-ui-gradient-problem#post-61833 Thu, 07 Jun 2012 14:26:35 +0000 Thomas 61833@https://legacy.forums.gravityhelp.com/ <p>Yikes. Just ran into the same problem with our friend IE. This *seems* like a simple fix. ;-)</p> <p>Any chance this will be resolved soon? Thanks. </p> https://legacy.forums.gravityhelp.com/topic/ie9-enhanced-ui-gradient-problem#post-46046 Tue, 10 Jan 2012 19:36:51 +0000 Kevin Flahaut 46046@https://legacy.forums.gravityhelp.com/ <p>Interesting. Thanks for the update. I'll take a look into that for the next version. As usual, IE is the problem child. </p> https://legacy.forums.gravityhelp.com/topic/ie9-enhanced-ui-gradient-problem#post-45772 Sat, 07 Jan 2012 11:05:08 +0000 Richard Vav 45772@https://legacy.forums.gravityhelp.com/ <p>So after staring at this problem for a couple of hours I eventually decided to take another look in forms.css and noticed that the colour hex codes are all 3 characters long which got me thinking back to a similar problem I experienced a year or two ago when I first decided to implement gradients on the site. They worked perfectly until I decided to reduce the hex codes from 6 to 3 characters at which point the gradients got messed up. So I have solved this by changing all the colour hex codes in forms.css for the enhanced ui styles with filters from 3 to 6 characters long.</p> <p>Roll on the day when filters (or IE) are dead and buried. </p> https://legacy.forums.gravityhelp.com/topic/ie9-enhanced-ui-gradient-problem#post-45733 Fri, 06 Jan 2012 18:10:32 +0000 Richard Vav 45733@https://legacy.forums.gravityhelp.com/ <p>For some reason the ie gradient filter that is being applied to the enhanced ui selects is being interfered with so it no longer produces the light gray to white gradient instead it looks to have some kind of dark blue gradient instead (I'm colour blind by the way). The form can be found here <a href="http://www.eandhbaxendale.com/online-enquiries/easi-joist-enquiry/" rel="nofollow">http://www.eandhbaxendale.com/online-enquiries/easi-joist-enquiry/</a></p> <p>I only have access to IE9 so I can't say what is happening with the earlier versions. Any help with this would be appreciated, I have had a route around using the IE9 developer tools and the css panel but I can't figure out what is overriding the filter that is found under the following classes in forms.css</p> <pre><code>.gform_wrapper .chzn-container-single .chzn-single div .gform_wrapper .chzn-container-single .chzn-single filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#EEE&#39;,endColorstr=&#39;#FFF&#39;,GradientType=0)</code></pre>