分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

制作随表格拉伸的背景图
制作页面时,有时需要在表格内插入背景图,类似于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')"
请观看效果!!

给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

怎样才能实现表格背景图片拉伸相关推荐

  1. background-image背景图片拉伸平铺

    background-image背景图片拉伸平铺 <div style="width: 10%;height: 40px;background-image: url('../image ...

  2. css 如何让背景图片拉伸填充避免重复显示

    如何让背景图片拉伸填充,这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单.  比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在css2.1之前是不能被修 ...

  3. html背景图片拉伸解决办法

    html背景图片拉伸解决办法 body {background-size: 100% 100%; //关键代码,直接拉伸背景图background-image: url("img/99.jp ...

  4. android 聊天气泡背景图片,聊天气泡背景图片拉伸设置

    以前一直对类似聊天气泡背景图片拉伸的设置纠结,不管如何设置UIEdgeInsets属性都不能正常设置,今天对以下几种情况进行了总结,如有需要的同学可进行参考: 说明: /** 1.UIEdgeInse ...

  5. html img和背景图处理图片不拉伸_css如何设置背景图片拉伸不重复?

    css可以使用background-size属性设置背景图片拉伸,此属性规定背景图像的尺寸.使用background-repeat属性设置背景图片不重复,此属性设置是否及如何重复背景图像. css设置 ...

  6. php背景图片平铺拉伸,利用jQuery和CSS将背景图片拉伸

    现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果.本文将带您一起 ...

  7. android 解决按钮、imageView 背景图片拉伸变大的问题

    相信很多都遇到了设置布局里面的按钮或textview等其他控件的背景图片的时候,你会抱怨美工给的图片,怎么一运行放到手机上面,就严重变形了,一点都不友好一点都不专业,但我觉得这完全不是美工的问题,作为 ...

  8. html背景图片 纵向拉伸,背景图片拉伸(CSS方法)_html/css_WEB-ITnose

    在布局现在的网站首页的时候,发现一个问题.我使用了一张1440*900的png图片作为背景图片.页面内的Div使用了较多的百分比自适应框体大小,原body元素的CSS如下 html { width: ...

  9. 网页背景图片拉伸效果

    弄了很久才发现原来background-image的大小不会随窗口大小变化,也不会有自动拉伸的效果的.. 然后弄了半天还是用js控制的,网上查的代码加上自己写的,混搭..然后成功了.. 很明显是瞎猫碰 ...

最新文章

  1. ViewPager 设置间距的方法
  2. 如何为回归问题选择最合适的机器学习方法?
  3. linux cp使用注意事项
  4. 警告:failed to load the sqljdbc_auth.dll cause no sqljdbc_auth in java.library.path
  5. [Android] 任意时刻从子线程切换到主线程的实现
  6. RS485光纤中继器有哪些优缺点?
  7. 【算法分析与设计】排序算法的时间复杂度与O(NlogN)
  8. 【codevs2098】【Tyvj1625】化工厂装箱员,煞笔的人打煞笔的DP
  9. 数组求最大公约数c语言,C语言辗转相除法求2个数的最小公约数
  10. 共用体变量不能在定义时初始化_【C语言资料更新】共用体联合体
  11. python计算导数_科学网—python计算导数jacobian以及hessian - 于博的博文
  12. plc和c语言和cnc,cnc数控编程和plc编程哪个难学
  13. 物联网Wifi三大新主流势均力敌 SIP时代即将来袭
  14. Vue中computed(计算属性)、methods、watch的区别
  15. 网易云音乐热评的规律,44万条数据告诉你
  16. ML - Regression
  17. java时钟代码_一个经典的JAVA APPLET时钟程序(一)
  18. c++/MFC CSocket仿QQ聊天软件,实现1对1聊天,群聊
  19. 阿里云云服务器安装Tomcat的坑(tomcat已启动+防火墙已关闭but浏览器就是打不开首页)
  20. 中医理论--恢复体力最好的食物

热门文章

  1. 360 度考核的定义和示例
  2. Python基于PyTorch实现BP神经网络ANN分类模型项目实战
  3. [go基础] go基础之字符串中查找汉字数量
  4. mr编程实现手机流量统计和读取MySQL数据
  5. 教你解决M1芯片MAC安装PS2021卡在启动屏幕,完美解决PS21卡启动屏幕
  6. 两种WIFI破解的方法
  7. Android开发——用户在屏幕上的手势识别
  8. 基于Win10的Peach下载安装以及Modbus模糊测试
  9. jQuery世界国家城市选择插件
  10. selenium Element is not clickable because another element obscures it — 点击被页面上其他元素遮住的控件,亲试有效!!!