0
Welcome Guest! Login
0 items Join Now

SOLVED Quasar - Z-index problem with RokSlideShow module

  • SOLVED Quasar - Z-index problem with RokSlideShow module

    Posted 14 years 8 months ago
    • Hi,

      I'm using the Quasar template on this website: www.trail-faverges.com/accueil.html

      On the homepage, I'm using the RokSlideShow module which I have published using {loadposition} in an article.

      As you can see, the drop down menu is behind the slideshow. So we can't click on the sublevel menu items.

      I know that's a z-index problem but i don't find how to correct it.

      My idea was to send in "background" the slideshow so i have tried a css suffix for the slideshow module like this, but without success:
      ._accueil{z-index:-10;}

      If possible, i dont' want to modify the css in the mod_rokslideshow folder because i use an other instance of the module on the others pages of the site.

      Can you help me to correct this problem please?
    • Last Edit: 14 years 8 months ago by Dispatch.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Quasar - Z-index problem with RokSlideShow module

    Posted 14 years 8 months ago
    • Are you sure you cleared the cache of your browser?
      I checked Safari/Firefox (Mac) and IE7+8
      Everything looks ok. No drop down menu is behind the slideshow
  • Re: SOLVED Quasar - Z-index problem with RokSlideShow module

    Posted 14 years 8 months ago
    • Yes, i have cleared the cache of my browser.

      I make a new test and indeed it works for the first and the second photo but after the problem is back and the drop down menu is behind the slideshow.

      I make the test with IE8, Firefox 3 and Chrome 5. I join a screenshot:
      This image is hidden for guests.
      Please log in or register to see it.


      If I have understood the functionning of the slideshow, it increases the z-index value for every photo, so it can work one or two times and then the menu is back because the z-index value of the slideshow is too important.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Quasar - Z-index problem with RokSlideShow module

    Posted 14 years 8 months ago
    • ah now I see! I will look into this again ...
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Quasar - Z-index problem with RokSlideShow module

    Posted 14 years 8 months ago
    • add

      div#rt-header {z-index: 9999;}

      to your css and clear your cache ... I hope it helps
  • Re: SOLVED Quasar - Z-index problem with RokSlideShow module

    Posted 14 years 8 months ago
    • Thanks a lot, it works great.

      Just a question for understanding your modification, you increase the z-index of the menu so that even if the slideshow increase its z-index, the menu remains in front of the slideshow, isn't it?

      The only problem is if a person watch 9999 photos of the slideshow, it will bug. But i don't think that there is a person which will watch 9999 photos of the slideshow. :twisted:
  • Re: SOLVED Quasar - Z-index problem with RokSlideShow module

    Posted 14 years 7 months ago
    • thanks so much! it was a big problem... :D

Time to create page: 0.057 seconds