html - IE Border radius display error -


I have a strange issue with border radius and IE 9 +.

The browser is engraved on the left side in the rounded images. If you face such problems, please let me know your solution.

I am also adding an example of CSS which is being used for success message:

  width: 100%; Padding: 15px; Background-color: # beef 97; Color: # 68bd45; Boundary-radius: 5px; -max-boundary-radius: 5px; -WebKit-boundary-radius: 5px;   

Edit: I have & lt; Meta http-equiv = "X-UA-Compatible" content = "IE = 9, chrome = 1" & gt;

What I'm doing here is this:

print screen IE 9 +> </ p> </ div> <p> <div class =

I just tested my JSFD demo with my IE9 + And there was no problem in relation to the wrong performance of boundary-radius property.

IE9 (simulation)

 Enter image details here

IE11

 Enter image here Details

Edit

You are not closing your meta tag

& quot; Meta http-equiv = "X-UA-Compatible" content = "IE = 9, Chrome = 1" /> & lt; - that last slash should be present.

Or you can try it & lt; meta http-equiv = "X-UA-Compatible" content = "IE = edge" /> .

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -