實現多重背景css2代碼
2010/9/8 16:29:18
在單個HTML元素上利用CSS2.1實現擁有3張背景圖片和2張內容圖效果,或者多重邊框的效果。這種漸進增強的方式適用于所有支持CSS2.1偽元素及其定位屬性的所有瀏覽器。不需要CSS3的支持。
支持的瀏覽器:Firefox 3.5+, Safari 4+, chrome4+, opera10+, IE8+
可以達到什么效果?
僅需要依賴于一個HTML元素和相關的圖片就可以創建類似于多背景顏色、多背景圖、背景圖片剪輯、圖片翻轉、使用圖片邊框的可擴展的盒模型、浮動的虛假列、在盒模型外的圖片、顯示在外面的多邊框,以及其他流行的效果等??赡苄枰?張額外的內容圖片在生成的內容中。
大部分的結構都包含子元素。因此,往往很多時候,你將有可能通過父元素的第一個子元素的偽元素來展示更多的效果。此外,還可以通過:hover對樣式產生一些復雜的交互效果的變化。
是如何實現的呢?
從本質上講,我們所創建的偽對象(:before和:after)跟我們在對待HTML元素嵌套關系是相同的。但他們相對于嵌套使用的HTML元素而言具有其獨特的優勢——不具有語義化。當使用多背景或者多重邊框的時候,我們需要將偽元素層的內容利用絕對定位固定在HTML元素內容的后面。并非真實的內容被偽元素所包含進行定位。這意味著他們能在“父”元素范圍內隨意拉伸的同時而不會影響其內容。這可以任意組合絕對定位的top、right、bottom、left、width和height的值,主要關鍵是他們的組合性能是靈活的。
返回列表
返回首頁
主站蜘蛛池模板:
日韩欧美国产中文字幕|
韩国久播影院理论片不卡影院|
小sao货水好多真紧h视频|
久久精品国产精品国产精品污
|
久久精品中文騷妇女内射|
欧美日韩综合精品一区二区三区|
天堂网2018|
亚洲人免费视频|
狠狠色狠狠色综合日日五|
四虎免费影院ww4164h|
麻豆视频一区二区三区|
奶水哺乳理论电影|
久久91精品国产91久久小草|
最新国产精品精品视频|
亚洲日本天堂在线|
特级毛片a级毛片免费播放|
区二区三区四区免费视频|
蜜桃视频一日韩欧美专区
|
国99精品无码一区二区三区|
黑料不打烊tttzzz网址入口|
国产精品妇女一二三区|
99久久99这里只有免费费精品
|
亚洲精品成人网久久久久久|
精品亚洲欧美无人区乱码|
国产**a大片毛片|
青青国产成人久久91网|
国产日韩一区二区三区在线播放|
182tv午夜精品视频在线播放|
在线观看成人网|
久久婷婷丁香五月综合五|
欧美卡4卡1卡2卡3超清免费|
亚洲第一网站男人都懂|
男人把女人c爽的免费视频|
动漫成人在线观看|
老司机亚洲精品影院|
国产伦精品一区二区三区四区|
国产玉足榨精视频在线观看|
国产精品久久久久免费a∨
|
4ayy私人影院|
国产麻豆videoxxxx实拍|
A级国产乱理伦片|