Transparency is being ignored when viewed in IE8 and IE9

Hi, you supplied me with som code to make a custom button. Thank you for that!

However on Internet Explorer there semes to be an error on the button. It looks strange. Will you be able to help me out with that?

Thanks alot.

Hello,

I tried applying CSS and changing the properties but that doesn't change the display. This only shows in IE8 and IE9. What browser are you currently using when you experience this? 

I will make some more test then get back to you once I found a resolution for this. Thank you for your patience.

Transparency is not honored when viewed in IE 8 and IE 9 that is why your CSS does not work for this. It just simply ignore the css command for background: transparent !important;

The transparency applies when viewed in chrome. You can see the word "Next" and the box is transparent.

Sample: 

This is how transparency is being ignored when viewed on IE8 and IE9. You can see that next button is now filled with gray.

Sample:

Let me forward this to our level 2 and see what they can do about this issue with IE8 and IE9. We'll notify you in this thread for updates. In the mean time we can't really do anything of how it was when viewed in IE8 and IE9 so adding button image will be different in IE.

@simcorpdk

I have fixed the transparency of your page break buttons. I added CSS for IE browser support. Kindly check your form now. If the white button still appears, please clear your IE browser's cache.

Some of your CSS codes are repeated twice so I did a little clean up too. Kindly review if they are all still correct specially the back button since it has multiple property declared which I have corrected.

Get back to us should you need further help. 

Regards!

Thanks alot. I will check it.

You guys are great!

Hi again,

Could you please help me out with doing the same trick on my submit button here http://www.jotformeu.com//?formID=41562406101340

Thanks alot.

Jonas

Hi Jonas,

I made adjustment in the injected CSS code on your form http://www.jotformeu.com/form/41562406101340  to fix the submit button issue.

I modified the submit button CSS code to this

.form-submit-button{font-size:0px;padding:44px 37px 62px 35px;background-image:url('https://www.jotform.com/uploads/simcorpdk/form_files/finish.png');

background-repeat: no-repeat;

width: 141px;

height: 114px;

}

Thanks, i apriciate it.

But theres a border/stroke/shadow around the button. How can i remove please?

Thanks. Jonas

Jonas,

I can't see any borders on your buttons under IE, Safari, Chrome or Firefox. Can you please confirm that the issue has been resolved on your end, too?

Hi,

Sorry, its the submit button. Just press "No" on page 2 Do you have a second back office product and you will get to the submit button.

Thanks.

@simcorpdk

Fixed now. Kindly check.

Instead of using CSS on the image, I have placed it as Button Image on the button properties instead.

And then added the following CSS.

.form-submit-button{

box-shadow: none !important;

filter: none  !important;

outline:none;

}

Should you need anything else, contact us again.

Thanks!

Brilliant. Thanks!