Hi Mike, You'll need to comment out the filter rule on the navbar-inverse class as well (which is the filter actually applied to the navbar).
If you want to preserve the header gradient, and don't care about supporting IE8, you can just add the following rule to .navbar-inverse (after commenting out the filters): background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzQzNDM0MiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMjIyMjIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyNjcpIiAvPgo8L3N2Zz4=); This rule (generated from http://ie.microsoft.com/TESTDRIVE/Graphics/SVGGradientBackgroundMaker/Default.html) does pretty much the same thing as the vendor-prefixed background-image gradients. Jacob -----Original Message----- From: Michael White [mailto:michael.wh...@stir.ac.uk] Sent: Tuesday, May 06, 2014 6:00 AM To: Brown, Jacob Cc: dspace-tech@lists.sourceforge.net Subject: RE: DSpace 4.1, JSPUI and IE 9 menu display issue Hi Jacob, Thanks for the pointers. > I can confirm that removing the CSS "filter" property for the navbar fixes > the issue on the JSPUI demo (of course, doing so will also remove the > gradient). Could you possibly provide some more details on how you achieved this as I've just been trying but have been unable to get it to work :-( I tried commenting out the "filter" property of the navbar in both "bootstrap-theme.css" and in "bootstrap-theme.min.css", so I had: .navbar { background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#f8f8f8)); background-image:-webkit-linear-gradient(top,#fff,0%,#f8f8f8,100%); background-image:-moz-linear-gradient(top,#fff 0,#f8f8f8 100%); background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%); background-repeat:repeat-x; border-radius:4px; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);*/ -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075); box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075) } - but this didn't seem to make any difference. Looking at the source, it appears that it is (on the homepage at least!) "bootstrap-theme.min.css" that is being used and I did manage to make some progress by adding "position:static;" to the navbar definition in that file (against the recommendations on the pages you pointed to!) - so I had: .navbar { position: static; background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#f8f8f8)); background-image:-webkit-linear-gradient(top,#fff,0%,#f8f8f8,100%); background-image:-moz-linear-gradient(top,#fff 0,#f8f8f8 100%); background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%); background-repeat:repeat-x; border-radius:4px; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);*/ -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075); box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075) } - after doing this, the pop-up menus worked fine in IE v9 (hooray!) but the top of the page had been pushed down with a load of white space above which is no good (boo!) - also tried "position:relative" and "position:fixed" but the menus just went back to being broken again with these values (boo hoo!) . . . . I'm definitely no css aficionado (I probably know just about enough to be very dangerous) so would welcome any other pointers or suggestions of stuff to hack that may help to fix this :-) Cheers, Mike Michael White eLearning Liaison and Development (eLD) Information Services S8, Library University of Stirling Stirling SCOTLAND FK9 4LA Email: michael.wh...@stir.ac.uk Tel: +44 (0) 1786 466877 Fax: +44 (0) 1786 466880 http://www.stir.ac.uk/is/staff/about/teams/aldt/#eld > -----Original Message----- > From: Brown, Jacob [mailto:j.h.br...@tcu.edu] > Sent: 05 May 2014 16:46 > To: Michael White; dspace-tech@lists.sourceforge.net > Subject: RE: DSpace 4.1, JSPUI and IE 9 menu display issue > > This seems more like a Bootstrap 3 issue (although the theme > developers could have corrected it); see these related SO questions: > > http://stackoverflow.com/questions/14664948/twitter-bootstrap-button- > dropdown-not-working-in-ie9 > http://stackoverflow.com/questions/13256144/z-index-issue-in-twitter- > bootstrap-header > http://stackoverflow.com/questions/13916326/z-index-issue-with-twitter > - > bootstrap-dropdown-menu > > I can confirm that removing the CSS "filter" property for the navbar > fixes the issue on the JSPUI demo (of course, doing so will also remove the > gradient). > > Jacob > > -----Original Message----- > From: Michael White [mailto:michael.wh...@stir.ac.uk] > Sent: Monday, May 05, 2014 8:43 AM > To: dspace-tech@lists.sourceforge.net > Subject: Re: [Dspace-tech] DSpace 4.1, JSPUI and IE 9 menu display > issue > > Hi again, > > > Setting up a DSpace 4.1 DEV system, with the new JSPUI, I've noticed > > an issue with the display of the "pop-up menus" in the navigation > > bar when using IE v9 > > - it works fine on the other browsers I have at my disposal. > > <snip> > > > Has anyone else seen anything like this? > > I'm guessing from the lack of responses that others haven't come > across this (yet)? > > I've just tested my IE v9 against http://demo.dspace.org/jspui/ and I > note the same problem (options don't appear on the pop-up menus, and > pop-up menus appear behind other elements on the page, a la > http://www.is.stir.ac.uk/misc/storre/dspace4-menu-ie9.png). > > Does anyone else out there have access to IE v9? Do you see the same > issue with http://demo.dspace.org/jspui/ (or is it just me)? > > I also checked the "DSpace v4.x with JSPUI" sites listed in > http://registry.duraspace.org/registry/dspace and saw the same issue > when accessing each of these (so this definitely doesn't look like an > issue specific to my implementation of DSpace v4!). > > Does anyone else have v4.1 with JSPUI up and running? Are you able to > confirm if it works OK for you in IE v9 or not? > > I'm trying to get a handle on whether or not this is an issue with the > specific version of IE 9 we have deployed here (v9.0.8112.16421), or > if it is a more general compatibility issue between IE (v9) and the JSPUI in > DSpace v4.1 . . . > > A brief search for information on DSpace Browser Compatibility seems > to suggest this is still under discussion to some extent for v4 - > https://jira.duraspace.org/i#browse/DS-1831 - so perhaps IE v9 just > isn't compatible? > > More importantly, I need to find a way around this before we can > upgrade to DSpace v4 as this version of IE 9 is currently widely > deployed on staff machines here! :-( > > Any thoughts, observations or suggestions welcome. > > Cheers, > > Mike > > Michael White > eLearning Liaison and Development (eLD) Information Services S8, > Library University of Stirling Stirling SCOTLAND > FK9 4LA > Email: michael.wh...@stir.ac.uk > Tel: +44 (0) 1786 466877 > Fax: +44 (0) 1786 466880 > http://www.stir.ac.uk/is/staff/about/teams/aldt/#eld > > > > -----Original Message----- > > From: Michael White > > Sent: 29 April 2014 09:44 > > To: dspace-tech@lists.sourceforge.net > > Subject: DSpace 4.1, JSPUI and IE 9 menu display issue > > > > Hi, > > > > Setting up a DSpace 4.1 DEV system, with the new JSPUI, I've noticed > > an issue with the display of the "pop-up menus" in the navigation > > bar when using IE v9 > > - it works fine on the other browsers I have at my disposal. > > > > When hovering over a menu item with a pop-up menu (e.g. "Sign on > > to:"), the pop-up area appears but most of the menu items are > > missing and what does appear is not hyperlinked - also the menu > > appears behind other components on the screen - here is a screen > > shot showing what I > mean: > > > > http://www.is.stir.ac.uk/misc/storre/dspace4-menu-ie9.png > > > > I've tried playing with Browser/Document modes, but that just made > > things worse! > > > > Has anyone else seen anything like this? Anyone have any ideas how > > to address this issue? > > > > Unfortunately IE 9 is still widely deployed here so I really need to > > resolve this if at all possible! > > > > Any assistance or pointers welcome. > > > > Cheers, > > > > Mike > > > > Michael White > > eLearning Liaison and Development (eLD) Information Services S8, > > Library University of Stirling Stirling SCOTLAND > > FK9 4LA > > Email: michael.wh...@stir.ac.uk > > Tel: +44 (0) 1786 466877 > > Fax: +44 (0) 1786 466880 > > http://www.stir.ac.uk/is/staff/about/teams/aldt/#eld > > > > > -- > The University of Stirling has been ranked in the top 12 of UK > universities for graduate employment*. > 94% of our 2012 graduates were in work and/or further study within six > months of graduation. > *The Telegraph > The University of Stirling is a charity registered in Scotland, number > SC 011159. > > > ---------------------------------------------------------------------- > -------- Is your legacy SCM system holding you back? Join Perforce May > 7 to find out: > • 3 signs your SCM is hindering your productivity • > Requirements for releasing software faster • Expert tips and > advice for migrating your SCM now http://p.sf.net/sfu/perforce > _______________________________________________ > DSpace-tech mailing list > DSpace-tech@lists.sourceforge.net > https://lists.sourceforge.net/lists/listinfo/dspace-tech > List Etiquette: > https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette > -- The University of Stirling has been ranked in the top 12 of UK universities for graduate employment*. 94% of our 2012 graduates were in work and/or further study within six months of graduation. *The Telegraph The University of Stirling is a charity registered in Scotland, number SC 011159. ------------------------------------------------------------------------------ Is your legacy SCM system holding you back? Join Perforce May 7 to find out: • 3 signs your SCM is hindering your productivity • Requirements for releasing software faster • Expert tips and advice for migrating your SCM now http://p.sf.net/sfu/perforce _______________________________________________ DSpace-tech mailing list DSpace-tech@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/dspace-tech List Etiquette: https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette
