惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
月光博客
月光博客
MyScale Blog
MyScale Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
爱范儿
爱范儿
P
Proofpoint News Feed
人人都是产品经理
人人都是产品经理
Last Week in AI
Last Week in AI
罗磊的独立博客
G
Google Developers Blog
Y
Y Combinator Blog
博客园 - 【当耐特】
WordPress大学
WordPress大学
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
J
Java Code Geeks
酷 壳 – CoolShell
酷 壳 – CoolShell
V
Visual Studio Blog
美团技术团队
宝玉的分享
宝玉的分享
Jina AI
Jina AI
小众软件
小众软件
T
Tailwind CSS Blog
A
About on SuperTechFans

博客园 - KUDO

精解PSI-SI(二) 精解PSI-SI(一) DVB码流中业务信息与电子节目指南 什么是ECM,EMM,AU,EMU? showModalDialog()、showModelessDialog()方法使用详解 js收藏 ASP.NET 2.0 中改进的缓存功能 js 日历控件 - KUDO - 博客园 在VS2005中 GridView导入Excel的两点小技巧-附源码 Python 一门神奇的语言 如何实现选择DataGrid单元格时显示选择一行 获取checkbox onclick事件中的参数 javascript 技巧 网页及其控件有很多触发事件 网页代码常用小技巧总结续,网页制作学习 Microsoft .NET 框架资源基础 crm具体问题具体实现 js\css 让图片垂直居中 - KUDO - 博客园 基于aspnet Forms身份验证基本原理
制作随表格拉伸的背景图
KUDO · 2006-08-29 · via 博客园 - KUDO

制作页面时,有时需要在表格内插入背景图,类似于http://www.it365cn.com/counter.asphttp://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