How do I force change of Z-index in the css file

  • Profile Image
    Asked on February 14, 2012 at 01:38 AM

    check out this... (look at the services tab, and select any of the forms there).


    If you then mouse over the menu and watch how the menu drops behind the text.. and only the text on the form.  I have used your forms before and do not know why this is happening... I have done everything I can think of from putting your form in a div tag and telling it in my css to take a zindex of -100, and even as far as adding a line of css code into my navigation code to force the menu div and contents to take a z-index of 100..


    Any ideas?



  • Profile Image
    Answered on February 15, 2012 at 06:16 AM


    Have you tried embedding your form using iFrame code? If not, please give it a try and let us know if this doesn't help so that we can further assist you. Thank you so much!

  • Profile Image
    Answered on February 15, 2012 at 12:17 PM
    Well, my only comment back on the use of the Iframes, is that a previous
    version of the site that i just redesigned for them, we used the same setup
    and we had no issues with the menu showing up behind the text and form as
    we do now. You have my permission to pull the code from the page I
    submitted if you want to. I will use iframe if I have to, but would rather
    I am going to pull my backup files from the old version and see if I can
    find the difference there. if I can, I will email you the solution so you
    will have that for future issues. If not I wll use the ifram solution and
    let you know if that is what I had to do.
    Thanks for the response
    Jasen Burkett
  • Profile Image
    Answered on February 15, 2012 at 12:48 PM
    Just a quick response regarding the forms and zindex issue. I think the
    problem is the fact that I am using a javascript menu, and I also added a
    style to the form from your site instead of adding the style to the form on
    my css... that may not matter, but either way, I did not use the iframe
    option, I just used the siimple embed option off of your site and put the
    javascript into the site.
    Now just to make sure 100% that I dont have an issue, I did the following (
    use a php include) <?php include "commsalesquote.html"; ?> and then in the
    html file I put in a new folder so that it is seperated from the rest of
    the files, thus no confusion for later editing if needed. anyway I then
    placed your simple embed javascript code directly there and it worked.
    Thank you again for your time and help.
    Jasen Burkett
  • Profile Image
    Answered on February 15, 2012 at 04:49 PM

    Jasen, We are happy to hear that the problem is solved.

    Thank you very much for sharing your experience and solution with the other JotForm users. It is much appreciated.

    Please feel free to contact us if you need any further assistance.

  • Profile Image
    Answered on August 01, 2012 at 11:53 AM

    This method is mostly working for us EXCEPT that the "submit" button disappears.  "enter" after the captcha does submit, but the reemergencce of the button would be preferred.


    The conflict for us were the to "link href" lines of the code.


    Lynne McNamee

  • Profile Image
    Answered on August 01, 2012 at 05:27 PM


    May we ask you to please open a separate thread for your issue?