css实现背景图拉伸
来源:互联网 发布:mac口红专柜 编辑:程序博客网 时间:2024/04/30 00:22
制作页面时,有时需要在表格内插入背景图,我们可以使用CSS进行控制,代码:
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')"
不过此方法仅支持Ie,并且在ie6中还存在一个问题,就是背景上方的超链接等元素会失效,暂时未找到好的解决方案。如果谁找到了,请留言。
另外,如果需要其他更复杂的效果,建议用层来实现了,利用层的z-index属性,来实现,几乎是无所不能啊。例子:
附:Css背景参数,用法
序号中文说明标记语法1背景颜色{background-color:数值}2背景图片{background-image: url(URL)|none}3背景重复{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4背景固定{background-attachment:fixed|scroll}5背景定位{background-position:数值|top|bottom|left|right|center}6背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}
- css实现背景图拉伸
- css实现背景图拉伸(css背景拉伸,有图例)
- CSS背景图拉伸自适应尺寸
- 使用CSS拉伸背景图(不是重复绘制背景图)
- css实现背景图片拉伸
- css 实现背景图片拉伸
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- 用CSS实现图片拉伸
- ExpressionEngine 开发框架图
- Java基础加强一、二(Java5新特性和反射 补充)
- Android设备有哪些分辨率
- Android编译环境(1) - 编译Native C的helloworld模块
- VBA about "word toolbar"
- css实现背景图拉伸
- 循环链表的一个C++实现
- MFC中配置OpenGL的步骤
- BLAS学习笔记(一)
- 为什么在中断向量表中不直接LDR PC ,"异常地址"。而是使用一个标号,然有再在后面使用 DCD定义这个标号
- EE开发参考
- SC命令配置服务(注册SVN服务)
- name return value优化测试
- transient