建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要介紹了css3中如何使用pie，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司總部坐落于成都市區(qū)，致力網(wǎng)站建設(shè)服務(wù)有網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站維護(hù)、公眾號(hào)搭建、成都小程序開(kāi)發(fā)、軟件開(kāi)發(fā)等為企業(yè)提供一整套的信息化建設(shè)解決方案。創(chuàng)造真正意義上的網(wǎng)站建設(shè)，為互聯(lián)網(wǎng)品牌在互動(dòng)行銷領(lǐng)域創(chuàng)造價(jià)值而不懈努力！
css3 pie的使用方法：首先下載CSS3PIE插件；然后將pie.htc文件，放到項(xiàng)目的文件夾中；接著在css代碼中在需要使用css3的地方添加“behavior: url(PIE.htc)”；最后指定到htc文件的位置即可。
CSS3pie是什么？
CSS3pie是一款非常優(yōu)秀的CSS3工具，可以讓IE6至IE8版本實(shí)現(xiàn)大多數(shù)的CSS3修飾特性，如圓角、陰影、漸變等等，通過(guò)這個(gè)工具，可以在線修改想要的效果，并即時(shí)生成css代碼。
css3pie怎么用？
1、下載CSS3PIE插件
下載地址：http://css3pie.com/download/ GitHub https://github.com/lojjic/PIE/downloads
2、使用
在下載完成的壓縮里面，里面有三個(gè)文件，有一個(gè)名字為PIE.htc的文件，這就是讓IE6-8能夠支持部分css3特征的插件。
將pie.htc 文件，放到我們項(xiàng)目的文件夾中。
在css代碼中在需要使用css3的地方添加behavior: url(PIE.htc)；指定到htc文件的位置就可以了（相對(duì)于html文檔）。
示例：
包括圓角、陰影和漸變?nèi)N效果。
.pie{
width: 200px;
height: 100px;
line-height: 100px;
font-size:14px;
border: 1px solid #669966;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666666 0 2px 3px;
-moz-box-shadow: #666666 0 2px 3px ;
box-shadow: #666666 0 2px 3px ;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(PIE.htc);
position:relative;
z-index:10;
}效果圖：
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css3中如何使用pie內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!
新聞標(biāo)題：css3中如何使用pie
本文路徑：http://fisionsoft.com.cn/article/gsjgjj.html
