0002892: Gradients broken in Opera browser

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

Reporter	rrosendahl	Assigned To
Priority	urgent	Severity	trivial	Reproducibility	always
Status	resolved	Resolution	fixed
Product Version	4.5.0 revision 34568
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.

Theme	Azure
Browser	Opera
PHP Version	any
Database Version	any

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