css body背景图片拉伸,兼容IE6、7、8及火狐

html-css015

css body背景图片拉伸,兼容IE6、7、8及火狐,第1张

你可以做个假的背景图

我的意思是:

你可以在body上加个图片把图片宽100% 高

然后把他弄成position:absolutez-index:-10

再在上面加任意标签均可。

实例代码:

<img src="img.jpg" style="width:100%height:600pxposition:absolutez-index:-10">

<div style="width:100pxheight:100pxbackground:#ccc">

有两种方法

一、引用PIE.htc文件,让IE6~E8支持CSS3,当然不是真的CSS3,是模拟出来的,也不是全部CSS3都支持,就我知道的就是圆角,阴影都可以

这个是PIE的官方网站

http://css3pie.com/

这个是中文教程

http://blog.csdn.net/freshlover/article/details/7337834

还有一点是,上面教程没提到的,PIE.htc在css的路径最好用绝对路径以获得更好的兼容

全兼容,不过用PIE.htc模拟出来的圆角没有原生CSS3好看~

二、是用图片模拟

在表格外面套一个div,相对定位

把四个圆角切出来,html放到这个div里面,表格的下面

css绝对定位到对于的四个角

全兼容!

不过你说的上中下,不太明白,最好上图!

还有,一点需要注意!圆角都是在顶层的,都要覆盖表格本来的边框!所以直接放到table标签下面,就可以直接兼容webkit内核的浏览器,不用再写其他css兼容