View Issue Details
|ID||Project||Category||View Status||Date Submitted||Last Update|
|0002892||OXID eShop (all versions)||2.3. Extensions (modules, themes)||public||2011-05-17 19:25||2012-12-10 13:33|
|Product Version||4.5.0 revision 34568|
|Target Version||Fixed in Version||4.5.1 revision 38045|
|Summary||0002892: Gradients broken in Opera browser|
|Description||The gradients (e.g. the footer background) seem to be broken in the Opera web browser (tested with version 11.10, build 2092).|
It seems that opera's got problems with elements that have svg background images and borders and gradients at the same time. In the azure theme, the footer background appears as a flat light grey area while in other browsers, it has a light grey gradient background.
This can be fixed by adding a -o-linear-background(...) to all css styles that have a -moz-linear-gradient(...) (you can just copy the line and change the "-moz" to "-o"). The "-o" backgrounds are opera-specific and don't seem to interfere with any other browsers (tested with Mozilla Firefox 3.6 and Microsoft Internet Explorer 8).
I got this solution from the discussion at the bottom of this blog: http://www.madeinthenorth.com/2011/01/slicker-buttons-with-css3-gradients-and-svg-for-ie9/
|Tags||No tags attached.|
Furthermore the gradients behave very strangly when scrolling.
To test, open the demoshop an closely look at the "Top of the shop" and "Tags" boxes in the right navigation. Then take the window-scrollbar and move in slowly downwards => the gradients stay as if they are fixed.
Not all gradients behave that way: The blue gradients used for "Angebot der Woche" and other headlines work fine.
Tested with Opera 11.11
||Gradien styles fixed, thanks for reporting|