Transparency looks different in IE comapred to Chrome

  • Profile Image
    Asked on March 28, 2012 at 10:54 PM



    I have a form here that I link from my website 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

  • Profile Image
    Answered on March 28, 2012 at 11:17 PM

    Hi Ben,

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


    Let us know if you have further questions. Thanks.

  • Profile Image
    Answered 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( 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);


    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;




    text-align: center;


  • Profile Image
    Answered 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
    Answered 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 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
    Answered on April 09, 2012 at 03:08 AM


    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.