Jump to content


This topic is now archived and is closed to further replies.


Z-index issue: Cool Carousel obscures popup form

Recommended Posts


The Cool Carousel appears to work correctly in all browsers except (you guessed it) Internet Explorer.


The carousel is loaded with YouTube videos, but the videos lay on top of the carousel's forward and back buttons---in IE only, looks great in Chrome and Firefox.


Additionally, I'm also using Poppy to generate a pop-up contact form and the carousel lays on top of the pop-up as well.


Is there a way to overcome the apparent z-index problem in Internet Explorer?



Here is a demo site:  http://demo010.hotforwebs.com/

Share this post

Link to post
Share on other sites

I have tested your Windows 7 + IE 11 and confirmed the YouTube videos don't have the prev/next navigation arrows like in non-IE browsers.


The issue is with flash (for more information, see "wmode" at http://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html#main_Optional_attributes ).


I'd assume that if you have flash disabled in IE and instead the HTML5 fallback player gets used, the issue wouldn't be present anymore.


Cool Carousel uses the PageLines DMS [pl_video] shortcode ( notice wmode is already set to transparent -- https://github.com/pagelines/DMS/blob/1.1/includes/class.shortcodes.php#L1423 )


Please let me know your feedback.

I hope it works acceptably well for you.

Share this post

Link to post
Share on other sites

No, still doesn't work.  I'm giving up on this product.  Too bad, because it works fine on all browsers except the one with most market share.

Share this post

Link to post
Share on other sites

Thank you for the update on browser popularity.  I suppose it is still device-dependent, but it's good to see Chrome taking over market share.


One day soon, we won't have to worry about IE and its aberrant behaviors. :)


This really is a good plugin (outside of IE)... I guess the main concern is that Cool Carousel videos will potentially cover other items like drop-down menus and pop-up boxes for those users still using IE.

Share this post

Link to post
Share on other sites

fiscalcliff, a future version of the pl_video shortcode (which is used in Cool Carousel) will have the ability to choose 'opaque' as the wmode; however, after testing, I was unable to figure out the CSS positioning code required to accompany the change to wmode="opaque" to get the issue resolved for Win 7 + IE 11.

Share this post

Link to post
Share on other sites

  • Similar Content

    • chamois_blanc
      By chamois_blanc+
      Please see screenshot. I think it should be self-explanatory.

    • dloos
      By dloos+
      ONEPAGE has visual errors in IE, objects do not stay separated, and image elongated on next section.  Any Suggestions?  It is coming up with this error from Pagelines on site. 
    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      I need a shortcode activate a popup windows with contact form. It is possible without code?
      Link: https://www.udf.org.br/lancamentos/curso-mulher-que-prospera/
    • arno
      By arno+
      Site that looks great on other browser, are is rendered wrong on IE: http://foodfunded.us/
      We got multiple complaints.
      The height of sections is way too high. Not sure which section is causing the problem, as they are in containers.
      Or is the size of the images?

      While most of us probably don't use IE, it might prevent professionals from getting client engagements with the PL5 tool, if the browsers don't have coverage.

    • claudedagenais
      By claudedagenais+
      Hello everybody,
      Maybe someone might have an idea of what is going on here... I created a page with a series of div that are shown when I click on a link (with a little JavaScript and some CSS). My problem is that it won't play nice with the meganav drop down that stays below my layers EXCEPT if the menu is stuck to the top of the page (if you scroll up). I've tried to change the z-index(s) but could not get it to work. You can see it here (not completed and in French): http://staging.cliniqueck.com/soins/prevention/ 
      Anyone has an idea of what is going on?