Jump to content


Photo
Cool Carousel

Z-index issue: Cool Carousel obscures popup form

IE z-index popup

Best Answer CliffordP , 12 March 2014 - 05:17 AM

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.c...onal_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/p...codes.php#L1423 )

 

Please let me know your feedback.

 
I hope it works acceptably well for you.
 
tyvm.
Go to the full post


  • Please log in to reply
6 replies to this topic

#1 fiscalcliff

fiscalcliff

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 11 March 2014 - 09:34 PM

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/



#2 CliffordP

CliffordP

    Advocate

  • Members


  • 455 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 11 March 2014 - 09:48 PM

Please provide me with the version of Windows and IE that you are using. If you'd like, you can submit your system information to me via http://supportdetail...ko@tourkick.com



#3 CliffordP

CliffordP

    Advocate

  • Members


  • 455 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 12 March 2014 - 05:17 AM   Best Answer

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.c...onal_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/p...codes.php#L1423 )

 

Please let me know your feedback.

 
I hope it works acceptably well for you.
 
tyvm.


#4 fiscalcliff

fiscalcliff

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 15 April 2014 - 09:52 PM

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.



#5 CliffordP

CliffordP

    Advocate

  • Members


  • 455 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 15 April 2014 - 11:10 PM

IE is not the most popular browser ( http://en.wikipedia....of_web_browsers ), but I understand if you don't like this limitation. If you choose to use the product, you could still use the "pager" option if that'll work for your users. Best to you.



#6 fiscalcliff

fiscalcliff

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 14 May 2014 - 08:22 PM

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.



#7 CliffordP

CliffordP

    Advocate

  • Members


  • 455 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 14 May 2014 - 09:00 PM

@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.







Also tagged with one or more of these keywords: Cool Carousel, IE, z-index, popup