實(shí)現(xiàn)多重背景css2代碼
2010/9/8 16:29:18
在單個(gè)HTML元素上利用CSS2.1實(shí)現(xiàn)擁有3張背景圖片和2張內(nèi)容圖效果,或者多重邊框的效果。這種漸進(jìn)增強(qiáng)的方式適用于所有支持CSS2.1偽元素及其定位屬性的所有瀏覽器。不需要CSS3的支持。
支持的瀏覽器:Firefox 3.5+, Safari 4+, chrome4+, opera10+, IE8+
可以達(dá)到什么效果?
僅需要依賴于一個(gè)HTML元素和相關(guān)的圖片就可以創(chuàng)建類似于多背景顏色、多背景圖、背景圖片剪輯、圖片翻轉(zhuǎn)、使用圖片邊框的可擴(kuò)展的盒模型、浮動(dòng)的虛假列、在盒模型外的圖片、顯示在外面的多邊框,以及其他流行的效果等??赡苄枰?張額外的內(nèi)容圖片在生成的內(nèi)容中。
大部分的結(jié)構(gòu)都包含子元素。因此,往往很多時(shí)候,你將有可能通過父元素的第一個(gè)子元素的偽元素來(lái)展示更多的效果。此外,還可以通過:hover對(duì)樣式產(chǎn)生一些復(fù)雜的交互效果的變化。
是如何實(shí)現(xiàn)的呢?
從本質(zhì)上講,我們所創(chuàng)建的偽對(duì)象(:before和:after)跟我們?cè)趯?duì)待HTML元素嵌套關(guān)系是相同的。但他們相對(duì)于嵌套使用的HTML元素而言具有其獨(dú)特的優(yōu)勢(shì)——不具有語(yǔ)義化。當(dāng)使用多背景或者多重邊框的時(shí)候,我們需要將偽元素層的內(nèi)容利用絕對(duì)定位固定在HTML元素內(nèi)容的后面。并非真實(shí)的內(nèi)容被偽元素所包含進(jìn)行定位。這意味著他們能在“父”元素范圍內(nèi)隨意拉伸的同時(shí)而不會(huì)影響其內(nèi)容。這可以任意組合絕對(duì)定位的top、right、bottom、left、width和height的值,主要關(guān)鍵是他們的組合性能是靈活的。
返回列表
返回首頁(yè)
主站蜘蛛池模板:
久久天天躁狠狠躁夜夜躁2014
|
久久精品视频大全|
2022久久国产精品免费热麻豆|
日韩美女专区中文字幕|
亚洲精品自产拍在线观看|
麻豆安全免费网址入口|
国产精品漂亮美女在线观看|
freeⅹxx69性欧美按摩|
日韩精品久久久久久免费|
亚洲日产2021三区在线|
老师你的兔子好软水好多的车视频|
在线观看免费亚洲|
一级**毛片毛片毛片毛片在线看|
欧美八十老太另类|
亚洲美女大bbbbbbbbb|
精品国精品无码自拍自在线|
国产福利片在线|
一级日本强免费|
日日大香人伊一本线久|
久久精品国产亚洲一区二区|
欧美亚洲国产精品久久高清|
又硬又粗又长又爽免费看|
青青热久免费精品视频在线观看|
在车子颠簸中进了老师的身体|
一级视频在线免费观看|
日操夜操天天操|
久久天天躁夜夜躁狠狠躁2020|
极上セレブ妇人北条麻妃bt|
亚洲成a人片在线观看www|
精品国产自在久久|
国产一级淫片a|
青青青国产精品手机在线观看|
国外欧美一区另类中文字幕|
katsumi精品作品在线播放|
彩虹男gary网站|
久久精品人人槡人妻人人玩AV|
欧美sss视频|
亚洲人成在久久综合网站|
男女一进一出抽搐免费视频|
午夜影视在线免费观看|
美妇与子伦亲小说|