您好,登錄后才能下訂單哦!
小編給大家分享一下css背景函數(shù)element()有什么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
element函數(shù)可以將網(wǎng)站上的某部分元素當(dāng)做圖片使用,適用于圖片的屬性同時也適用于應(yīng)用element的對象,使用方法
element(id)
必須傳入的是id,看下面的例子,用element實現(xiàn)了一種類似雙向綁定的功能效果
<p class="element-wrapper"> <span id="ele" contenteditable>hello world</span> </p> <p id="element-test"></p> //style .element-wrapper{ width: 200px; height: 200px; } #element-test { width: 200px; height: 200px; background: -moz-element(#ele); background-size: contain; background-repeat: no-repeat; }
效果圖
這個屬性還能做到更多有趣的效果,更多有趣的效果可去這里查看,在兼容性上,遺憾的是目前只有firefox支持這個屬性
以上是“css背景函數(shù)element()有什么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。