怎樣才能實現表格背景圖片拉伸
阿新 • • 發佈:2019-03-10
pro 教程 如何實現 body 我們 代碼 人工智 ima imageload
制作頁面時,有時需要在表格內插入背景圖,類似於http://www.it365cn.com/counter.asp、http://www.it365cn.com/about.asp,我們可以使用CSS進行控制,
代碼1:
body要設置leftmargin和topmargin屬性為0
<div style="width:100%;height:100%;position:absolute;z-index:-1;top:0px;"><img src="../css/ss3logni3.jpg" width="100%" height="100%" ></div>
代碼2:
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
其中,./images/counter_bg.jpg為顯示圖片路徑。
如果現在需要實現背景圖隨表格拉伸而不重復的拉伸填充,如何實現?
制作方法:
建立表格,並在<table>中插入CSS的一種濾鏡,代碼:
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘../images/counter_bg.jpg‘, sizingMethod=‘scale‘)"
請觀看效果!!
分享一下我老師大神的人工智能教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智能的隊伍中來!http://www.captainbed.net
制作隨表格拉伸的背景圖制作頁面時,有時需要在表格內插入背景圖,類似於http://www.it365cn.com/counter.asp、http://www.it365cn.com/about.asp,我們可以使用CSS進行控制,
代碼1:
body要設置leftmargin和topmargin屬性為0
<div style="width:100%;height:100%;position:absolute;z-index:-1;top:0px;"><img src="../css/ss3logni3.jpg" width="100%" height="100%" ></div>
代碼2:
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
其中,./images/counter_bg.jpg為顯示圖片路徑。
如果現在需要實現背景圖隨表格拉伸而不重復的拉伸填充,如何實現?
制作方法:
建立表格,並在<table>中插入CSS的一種濾鏡,代碼:
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘../images/counter_bg.jpg‘, sizingMethod=‘scale‘)"
再分享一下我老師大神的人工智能教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智能的隊伍中來!http://www.captainbed.net
怎樣才能實現表格背景圖片拉伸