关于背景图的大小自适应
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属性了。
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圆角背景图片按钮-自适应内容大小
- css圆角背景图片按钮-自适应内容大小
- 如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕(自适应大小)
- 背景图片自适应大小(css3)
- 转载关于自适应屏幕方向和大小的一…
- 绑定的背景图片自适应窗口大小
- HTML中使背景图片自适应浏览器大小
- 自适应大小的背景图片
- 关于自适应屏幕方向和大小的一些经验
- css -- 背景图片自适应屏幕大小
- style filter 实现背景自适应大小
- 关于IE背景图片显示100%(背景图片自动伸缩 自适应)
- 关于自适应屏幕方向和大小的一些经验
- CSS控制背景图片自适应表格大小
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- css实现背景图片自适应大小
- 关于自适应屏幕方向和大小的一些经验
- CSS背景图片自适应 根据浏览器分辨率大小自动伸缩
- 背景图片自适应大小(平铺)
- 关于背景裁剪与背景大小的个人总结