ie8使背景图片全屏显示的方法及问题

15 年 7 月 23 日 星期四 (已编辑)
197 字
1 分钟

IE8。。。

悲剧的,不支持css3的background-size属性,

通过网络,找到两种方法:

1、使用css滤镜

1filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=``'bg.jpg'``, sizingMethod=``'scale'``);

这个滤镜用的很纠结,当时用了一个div的嵌套,然后背景设置在顶层div上,结果用了这个滤镜后,将里层的a链接标签统统都挡住了,不能点击,连文字都不能选取,设置了z-index没用, 或许有其它解决方法,望各位高手告知,有时间也会继续尝试其它方法。

2、使用img标签添加背景

这个方法虽然觉得不美观,但是用起来没有什么大麻烦,推荐使用:

1<img class="bg" src="bg.png"/>;

| 1 2 3 4 5 6 7 8 | .bg{ position: "absolute"; top:0; left:0; z-index:-1; width: 100%; height:150px; } | | ------------------------------- | -------------------------------------------------------------------------------------------------- |

欢迎关注我的其它发布渠道
公众号小程序

文章标题:ie8使背景图片全屏显示的方法及问题

文章作者:bmqy

文章链接:https://www.bmqy.net/1494.html[复制]

最后修改时间:


商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,您可以自由地在任何媒体以任何形式复制和分发作品,也可以修改和创作,但是分发衍生作品时必须采用相同的许可协议。
本文采用CC BY-NC-SA 4.0进行许可。