親注冊登錄道勤網(wǎng)-可以查看更多帖子內(nèi)容哦。ò蕡D片、文字詳情等)請您及時注冊登錄-bmrsportswear.com
您需要 登錄 才可以下載或查看,沒有賬號?立即注冊
x
Dedecms.daoqin.net/" target="_blank" class="relatedlink">dedecms-CSS3圓角兼容所有的瀏覽器,你知道了多少?在大家利用dede仿站 的過程中為了考慮前臺頁面的美觀效果,可能會采用大量的圖片來實現(xiàn),今天仿站制作網(wǎng)就來和大家說說如何利用css實現(xiàn)圓角效果的美觀!
在此以前也許大家可能會實現(xiàn)這樣的css圓角,可往往糾結(jié)于瀏覽器的兼容問題,所以一直未被采用。今天仿站制作網(wǎng)就利用js+css在解決瀏覽器兼容問題上實現(xiàn)圓角效果!在需要實現(xiàn)圓角的頁面中引入CurvyCorners.js(一個JS圓角庫),并使用addEvent函數(shù):
<script type="text/javascript" src="curvycorners.js"></script>
<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 12 }, //左上角(top-left)
tr: { radius: 12 }, //右上角(top-right)
bl: { radius: 12 }, //左下角(bottom-left)
br: { radius: 12 }, //右下角(bottom-right)
antiAlias: true
}
curvyCorners(setting, ".yuanjiao");
}
</script>
然后頁面中的css樣式:
最后在頁面中引用yuanjiao樣式:
內(nèi)容仿站 這樣dedecms-CSS3圓角兼容所有的瀏覽器就可以實現(xiàn)了,在各個瀏覽器上均能實現(xiàn)該效果,大家不妨嘗試一下!
道勤主機(jī)提供365天*24小時全年全天無休、實時在線、零等待的售后技術(shù)支持。竭力為您免費處理您在使用道勤主機(jī)過程中所遇到的一切問題!
如果您是道勤主機(jī)用戶,那么您可以通過QQ【792472177】、售后QQ【59133755】、旺旺【詮釋意念】、微信:q792472177免費電話、后臺提交工單這些方式聯(lián)系道勤主機(jī)客服!
如果您不是我們的客戶也沒問題,點擊頁面最右邊的企業(yè)QQ在線咨詢圖標(biāo)聯(lián)系我們并購買后,我們?yōu)槟赓M進(jìn)行無縫搬家服務(wù),讓您享受網(wǎng)站零訪問延遲的遷移到道勤主機(jī)的服務(wù)! |