Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › CSS Button Styler › Buttons shows in FireFox but not in IE 9

Buttons shows in FireFox but not in IE 9

Thread began 4/15/2012 12:32 pm by janet259027 | Last modified 4/18/2012 7:09 am by janet259027 | 3539 views | 4 replies |

4/15/2012 12:32 pm | #1 janet259027

Buttons shows in FireFox but not in IE 9

Now I can see the buttons in both FireFox and IE9, but the rollover is not working in IE9 and the rounded corners show in FireFox, but they are square with a small white inside border in IE9. Is this normal for IE9?

4/16/2012 6:45 am | #2 Jason ByrnesWebAssist

the rounded corners use CSS 3 elements which are not supported in all browsers but should work in IE 9, please send a link so i can investigate the problem.

4/17/2012 5:24 am | #3 janet259027

Here is the link...

Thanks Jason. Here is the link: series-101.php

The buttons show in IE9 as square and they don't change when you hover over them. They work fine in FireFox.

4/17/2012 2:11 pm | #4 Jason ByrnesWebAssist

your button layout is using a gradient color.

In IE, all versions, the gradient filter can only be applied to a square box.

IE 9 has support for using CSS Based Rounded corners, but since you are also using a gradient background color, the gradient box is over riding the rounded corners.

rounded corners in IE 9 will only work with a set flat background, it will not work with a gradient background.

4/18/2012 7:09 am | #5 janet259027

Thanks

Thanks for the info. I didn't know that :-)

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.