View Issue Details

IDProjectCategoryView StatusLast Update
0002892OXID eShop (all versions)2.3. Extensions (modules, themes)public2012-12-10 13:33
Reporterrrosendahl Assigned To 
PriorityurgentSeveritytrivialReproducibilityalways
Status resolvedResolutionfixed 
Product Version4.5.0 revision 34568 
Fixed in Version4.5.1 revision 38045 
Summary0002892: Gradients broken in Opera browser
DescriptionThe 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/
TagsNo tags attached.
ThemeAzure
BrowserOpera
PHP Versionany
Database Versionany

Activities

tjungcl

2011-06-22 14:09

reporter   ~0004755

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

alfonsas_cirtautas

2011-06-30 10:48

reporter   ~0004795

Gradien styles fixed, thanks for reporting