CSS3 PIE – ei??i?? IE ?i?????? CSS3 csi??a?i??ei??i??ai???ei??i??a?i??ai??????ai??i??ci??i??ei??Sa?i??

0

CSS3 csi??ci????i??i??ei??i??ei??i??ci???ei??i??e??a???i???a??, a??ai???c??aZi??a??ai??s??i??ci???csi?? HTML, a?Ya??ai???c???Zi??a??ai??i??a?i??a?i??csi??ai???.

ai???e?????, c??a????i??ai??sa??a??ci???csi??ci???ei???ai???(IE6~IE8)e??ei??i??a???i?????? CSS3. ei???ei??i??: CSS Compatibility and Internet Explorer

e?i??: IE8 e??ai????i?????? CSS3

JavaScript Hack IE Support CSS3

?i??i??ai???ai??i????i??a??ci??? JavaScript a?i??a?i??a??ai??i?? Hack, a?i??ei??i?? IE ?i?????? CSS3 csi??e?z??i??, ai??i??a?i??e?i??:

a???i??i??ai??i??a??ei???ai??? CSS3 PIE ??i??ci???ai??i??ai??i??c??.

CSS3 PIE Source code

  • CSS3 PIE csi?? Source code: git clone git://github.com/lojjic/PIE.git

ci??i??ai??? CSS3 PIE csi???i??????e?z??i??

PIE currently has full or partial support for the following CSS3 features:

  • border-radius: a?i??ei??i??
  • box-shadow: a?i??a?Sei??i??a?i??
  • border-image
  • multiple background images
  • linear-gradient as background image: ???ai??i??e??ei???
  • ei???ei??i??: About PIE
  • list of canadian pharmacies.

  • e?i??: CSS3 PIE ???a??ci??? .htc csi?? hack ?i???a??

a??ci??? CSS3 PIE ai????i????i??i??ai??i??

a??ci??? CSS3 PIE ?i??i??a????i??

.

  1. ei??i??c?i???i??i??ei???: CSS3 PIE Demo
  2. . wget http://css3pie.com/PIE.htc
  3. ei??z Show CSS, a??ai????Y?c?i?? CSS e?z??i??, a??ai???ei???e?Z?i??i???i???ei??Y, ci????Z?a??ci???a?i??e?i??csi?? HTML + CSS a??a??.
  4. .

  5. vim index.html
    .

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    #box {
    border: 1px solid #696;
    padding: 60px 0;
    text-align: center; width: 200px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #EEFF99;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
    background: -moz-linear-gradient(#EEFF99, #66EE33);
    -pie-background: linear-gradient(#EEFF99, #66EE33);
    behavior: url(/PIE.htc);

    }
    </style>
    </head>
    <body>

    </body>
    </html>

  6. ai???ci???ci???ei???ai???ei??i??ai??Y index.html a??a??c?i??a?i?? a?i??ei??i?? + ???ai??i?? + ei??i??a?i?? csi??a?i??a?Sai??i??~ (ei???ai???a?? IE ei??i???i??i??a??, a??ai??i?? PIE.htc ci??i??ei??i??, a???????i??a?i??eY?)

Source

Leave A Reply

Your email address will not be published.