About CSS 3 and browser compatibility

Source: Internet
Author: User

CSS 3 Standard

With the emergence of Ajax and jquery, CSS is constantly improving itself.

CSS 3 draws on the needs of web development over the years and puts forward many novel CSS features.

For example, the border-radius attribute of the rounded rectangle in CSS 3 is invalid in IE browser ).

<Html>
<Head>
<Title>Rounded rectangle</Title>
<Style type = "text/CSS">
<! --
Div{
Width:200px;Height:120px;
Border:2px Solid #000000;
Background-color:# FFFF00;
Border-radius:20px;/* Rounded rectangle in css3*/
-moz-border-radius : 20px ; /* corner rectangle in Mozilla */
-WebKit-border-radius:20px;/* Safari Rounded rectangle in 3 */
}
-->
</Style>
</Head>
<Body>
<Div></Div>
</Body>
</Html>

Note: Because the IE 7 browser is based on CSS 2, it does not support the rounded corner attribute.

 

Browser compatibility

Browser compatibility,ProgramYou can test your browser's support for various CSS selectors through http://www.css3.info/selectors-test/test.html.

It is precisely because of the compatibility of the browser with CSS 3 that the CSS attributes are not promoted.

 

Introduction of jquery

The jquery framework provides almost all the selectors under the CSS 3 standard through pre-JavaScript programming. Developers can use these selectors to select tag elements in HTML.

Note: These selectors in jquery have excellent compatibility and can be used in mainstream browsers.

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.