將二個(gè)相同而色彩不同的文字重合在一起，通過分別給其加 clip 屬性，使上面和下面的文字被剪切位置不同，從而產(chǎn)生二種不同的色彩。
| 以下是引用片段： clip : auto | rect ( number number number number ) 參數(shù): auto : 對(duì)象無剪切 rect ( number number number number ) : 依據(jù)上-右-下-左的順序提供自對(duì)象左上角為(0,0)坐標(biāo)計(jì)算的四個(gè)偏移數(shù)值，其中任一數(shù)值都可用auto替換，即此邊不剪切 說明： 檢索或設(shè)置對(duì)象的可視區(qū)域。區(qū)域外的部分是透明的。 必須將position的值設(shè)為absolute，此屬性方可使用。 |
測(cè)試環(huán)境
Firefox1.5、IE6.0、Opera8.5、IE5.01綠色版通過。
CSS
| 以下是引用片段： .textBottom { color: #333333; position: absolute; left: 3em; top: 1em; font: 26px Century Gothic,Arial, Helvetica, sans-serif; clip: rect(18px auto auto auto); } .textTop { color: #CC0000; position: absolute; left: 3em; top: 1em; font: 26px Century Gothic,Arial, Helvetica, sans-serif; clip: rect(0 auto 18px 0); } .container { width: 28em; height: 5em; margin: 1em auto; position: relative; background: #F6F6F6; } |
| 以下是引用片段： <div class="container"> <a href="#" class="textTop">Cascading Style Sheet </a> <a href="#" class="textBottom">Cascading Style Sheet </a> </div> |
您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。
蘇公網(wǎng)安備 32070502010230號(hào)