What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Transparency looks different in IE comapred to Chrome

    Asked by birons on March 28, 2012 at 10:54 PM

    Hey,

     

    I have a form here http://www.jotform.com/birons/insurancecomparisonrequest that I link from my website http://www.primorisfinancial.com.au/life-insurance. I have an area of transparency. It looks good in Google Chrome, but is a funny green colour in IE and doesnt look that good.

     

    Anyway to fix this?

     

     

    Thanks Ben

    Page URL:
    http://www.primorisfinancial.com.au/life-insurance

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on March 28, 2012 at 11:17 PM

    Hi Ben,

    Try adding this under your .form-all{ css code and see if this helps.

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    Let us know if you have further questions. Thanks.

  • Profile Image

    Answered by birons on March 28, 2012 at 11:26 PM

    That removed the half transparent background totally. I have a half transparent white background via google chrome. 

    It is much better than before being totally transparent, but if I can get the half transparent background for the form fields that would be good. I have this code;

     

    body, html {

    background: url(http://i1120.photobucket.com/albums/l493/birons2/JotformBackgrounda.png) no-repeat top center fixed #f0e9d6;

    color: #FFFFFF;

    margin: 0;

    padding: 0;

    }.form-all {

    background:rgb(256, 256, 256);

    background:rgba(256, 256, 256, 0.6);

    background:transparent9;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99336600, endColorstr=#99336600);

    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99336600, endColorstr=#99336600)";-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}.form-header {

    text-align: center;

    }

    .form-subHeader{

    color:#2408FC;

    text-align: center;

    }

  • Profile Image

    Answered by jeanettebmz on March 28, 2012 at 11:35 PM

    Hi, I have removed the background color from your form and I had no problem viewing it with the right color in IE

    What I did is to click on Setup& Embed , then click on Preferences , selected the Form Styles Tab and then removed the color on the Background section

    Let us know if you get the same result on your side

  • Profile Image
    JotForm Support

    Answered by idarktech on March 28, 2012 at 11:39 PM

    Ok, sorry. I was testing it on IE8 and it works perfectly but it's totally transparent when viewed on IE9. Can you try adding this code, still under .form-all.

    zoom: 1;

    filter: alpha(opacity=50);

    opacity: 1;

    This should fixed it. You can also adjust the opacity by changing 50 to any number you like. The lower the value is, the lighter color it creates. Let us know if you have questions. Thanks.

  • Profile Image

    Answered by ten on April 09, 2012 at 02:45 AM

    >background:rgb(256, 256, 256);

    >background:rgba(256, 256, 256, 0.6);

     

    no 256.yes 255.

  • Profile Image
    JotForm Support

    Answered by idarktech on April 09, 2012 at 03:08 AM

    @ten,

    Welcome to JotForm!

    How may we help you today? If you have any questions to ask, please put it in a separate thread. Thanks in advance.