当前位置：首页 > 软件库 > 程序开发 > 常用工具包 >

background-size-polyfill

定义背景图片尺寸

授权协议 MIT

开发语言 JavaScript

所属分类程序开发、常用工具包

软件类型开源软件

地区不详

投递者鲁永福

操作系统跨平台

开源组织无

适用人群未知

软件概览

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

查看演示

使用案例

IE8及以下支持CSS3 background-size 方法

IE8及以下支持CSS3 background-size 方法 html demo <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box { height: 800px; width: 600px; margin: 0;
让IE7 IE8支持CSS3 background-size属性

简介 CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了，该值能让背景图片缩放至填满整个容器，即使是图片面积小于容器面积。由于 background-size 是 CSS3 新增的属性，所以 IE 低版本自然就不支持了，但是老外写了一个 htc 文件，名叫 backgr
background-size : ie7,8不支持

学习网址：http://huilang.me/perfect-full-page-background-image/ 注意： background-size: cover; //需要设置，而且不能用100% 100%等的样式。在background-image 这些背景插图后面添加此过滤器即可解决 ie7,8 background-size无效的问题 filter: pro
css background-size htc无效的几种情况

使用了兼容ie8的background-size htc,如果是display:block的元素,它的背景显示是没问题的,但是如果这个元素display:none,则背景不显示,或者,这个元素是个伪元素,也不显示,迫于赶工期,不使用背景了,直接增加一个图片元素,一切都ok了 <!-- background-size-polyfill v0.2.0 | (c) 2012-2013 Louis
IE8兼容background-size:cover

方法1： background-image: url('file:///F:/test/images/flashbg.jpg'); background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:///F:/test/images/flashbg.jpg',sizingMe
IE8兼容background-size

因为background-size是CSS3的属性，所以IE8并不支持。可以采用滤镜来支持，即在IE不支持这个属性的时候可以通过滤镜来实现这样的一个效果。代码如下： <strong>background-image: url('file:///F:/test/images/flashbg.jpg'); background-size: cover; filter:progid:DXImage
css background-size 属性兼容ie8 ie7 方案

 <PUBLIC:COMPONENT lightWeight="true"> <PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="o.init()" /> <PUBLIC:ATTACH
IE浏览器兼容background-size属性

引入火腿肠文件（.htc）来进行hack，强行让ie8支持background-size属性。简单来说，就是引入js文件来对图片大小进行配置。使用的htc文件的background-size-polyfill项目git地址：https://github.com/louisremi/background-size-polyfill/blob/gh-pages/backgroundsize.min.
关于在ie8下背景图不识别background-size的问题

在ie9及以上我们使用 -moz-background-size:70%; -webkit-background-size:70%; -o-background-size:70%; -ms-background-size:70%; background-size:70%; 图片展示是正确的，能随着窗口的变化而改变大小，如果我们采用的是在html中引用类似于 <div> <img src
让IE6\7\8支持Html5和CSS3的各类JS和Htc归纳（html5shiv.js、respond.js、background-size.htc、ie-css3....

前言：由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，解决方案就有下面两个： 1. 为网站创建多套模板，通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面，这样的维护成本比较高，也失去响应式设计的意义。 2. 使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前大多网站采用的这种方式（Bootcss官方例子也是如
CSS3 background-size属性兼容

background-size是CSS3新增的属性，但是IE8以下还是不支持 background-size：contain; // 缩小图片来适应元素的尺寸（保持像素的长宽比）； background-size ：cover; // 扩展图片来填满元素（保持像素的长宽比）； background-size ：100px 100px; // 调整图片到指定大小； background-size ：
解决IE8、IE7和IE6 不兼容backgroud-size

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo</title> <style type="text/css"> /* set the background of the body */ body { margin: 0; background: url(../skin/
background-size兼容IE8解决方案

1、通过滤镜的方法 body { background: url() no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: pr
Background-size完美兼容IE

CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了，该值能让背景图片缩放至填满整个容器，即使是图片面积小于容器面积。由于 background-size 是 CSS3 新增的属性，所以 IE 低版本自然就不支持了，但是老外写了一个 htc 文件，名叫 backgroun
【ie兼容】ie8兼容background-size属性

测试兼容性的时候发现Logo图片在IE8下特别大。明显是background-size在ie8一下不兼容。因此我们引用另外一种方法，引入文件（.htc）来进行hack，强行让ie8支持background-size属性。简单来说，就是引入js文件来对图片大小进行配置。　　使用的htc文件的background-size-polyfill项目git地址：https://github.com/lo
解决IE8,7下设置背景图片 background-size 不支持问题

css3中，background-size不支持ie8以下的版本，为了解决问题。在网上找了一个htc文件. （backgroundsize.htc） https://github.com/louisremi/background-size-polyfill 页面直接引用： div { background:url(img/背景.png) no-repeat; backgro

background-size-polyfill

同类工具

相关阅读

相关文章

相关问答

相关文档