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

python - Writing Greek in matplotlib labels, titles -

c# - LINQ to Entities does not recognize the method 'Int32 IndexOf(System.String, System.StringComparison)' method -

Pygame memory leak with transform.flip -