How border-radius is compatible with IE
Currently, mainstream browsers such as firefox, opera, and chrome all support the border-radius attribute, except IE8 and earlier.
The solution is to add: behavior: url (ie-css3.htc );
Copy XML/HTML Code to clipboard
- <! DOCTYPE html>
- <Html lang = "en">
- <Head>
- <Meta charset = "UTF-8">
- <Title> border-radius compatible with IE </title>
- <Style>
- . D1 {
- Width: 5em;
- Height: 5em;
- Background: # e4393c;
- /* Prevent the browser version from being too low */
- -Moz-border-radius: 50%;
- -Webkit-border-radius: 50%;
- Border-radius: 50%;
- /* Solve IE */
- Behavior: url (ie-css3.htc );
- }
- </Style>
- </Head>
- <Body>
- <Div class = "d1"> </div>
- </Body>
- </Html>
The above analysis shows how border-radius is compatible with IE, which is the whole content shared by Alibaba Cloud. I hope to give you a reference and support for the customer's home.
