怎样才能实现表格背景图片拉伸
2009-05-13 15:00
465 查看
阅读全文:http://www.cckan.net/forum.php?mod=viewthread&tid=71
制作随表格拉伸的背景图
制作页面时,有时需要在表格内插入背景图,类似于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.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')"
请观看效果!!
相关文章推荐
- 怎样才能实现表格背景图片拉伸
- 怎样实现表格背景图片的拉伸效果
- QT label样式表实现背景图片自动拉伸缩小(充满整个Label)
- asp.net 怎样才能自动获取图的各种参数(宽,高)实现图片打印
- 页面背景图片的拉伸实现代码
- 如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕(自适应大小)
- 如何让背景图片实现拉伸效果,且无任何偏移(记录下,以后会用到)
- 用 表格可以实现有背景图片和的边框的文本框
- 用VBA怎样实现图片背景纹理
- css 实现背景图片拉伸
- css实现背景图片拉伸
- css 网页背景图片 怎样用CSS实现大背景网页效果
- HTML背景图片拉伸铺满 CSS实现
- 用滤镜实现背景图片的拉伸
- 如何实现UIButton的背景图片拉伸
- div实现背景图片拉伸
- CSS实现HTML背景图片拉伸铺满示例
- 点击li标记中的<a>标记改变li背景图片怎样实现
- MFC控件和背景图片自适应窗口最大化和拉伸缩放的实现
- MFC对话框控件和背景图片自适应窗口最大化和拉伸缩放的实现