让IE7 IE8支持CSS3 background-size属性


作者:管理员 来源:大东方国际商品|大东方国际商品交易集团官网|大东方国际商品交易集团有限公司怎么样|大东方国际商品官网|大东方国际商品交易集团有限公司正规吗|大东方国际商品开户|香港大东方国际商品|大东方国际商品交易2015-4-19 1:11:56 【字体:

CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积。由于 background-size 是 CSS3 新增的属性,…

CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积。

由于 background-size 是 CSS3 新增的属性,所以 IE 低版本自然就不支持了,但是老外写了一个 htc 文件,名叫 background-size polyfill,使用该文件能够让 IE7、IE8 支持 background-size 属性。其原理是创建一个 img 元素插入到容器中,并重新计算宽度、高度、left、top 等值,模拟 background-size 的效果。



免责声明:此消息为大东方国际商品|大东方国际商品交易集团官网|大东方国际商品交易集团有限公司怎么样|大东方国际商品官网|大东方国际商品交易集团有限公司正规吗|大东方国际商品开户|香港大东方国际商品|大东方国际商品交易原创或转自合作媒体,登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,请自行核实相关内容。文章内容仅供参考,不构成伦敦金投资建议。

Copyright © GREAT ORIENT INTERNATIONAL COMMODITY TRADING GROUP 版权所有 2017