您的位置:首页 > Web前端 > CSS

关于背景图的大小自适应

2014-11-24 16:06 134 查看
css的一个浏览器兼容问题。 为什么这么说,因为css有这种写法background-size:100% 100%;它可以实现大小自适应,但是IE不支持。好吧继续找,

background-image: url('/Content/Icon/bg2.jpg');

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(

    src='/Content/Icon/bg2.jpg',
    sizingMethod='scale');

找到了这个,在body(其他地方不行,比如div,因为div是一个区域,有自己的规则)中添加它们,可以实现IE的效果了,当然background-size:100% 100%我也加上了,不然谷歌显示不出来。然后看了下火狐,好吗,萎缩了,高度调成160%左右才阔以。吐血,只能去判断不同的浏览器加载不同的css属性了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css 背景图