background-size兼容ie7/8

最新推荐文章于 2019-09-17 19:47:09 发布
最新推荐文章于 2019-09-17 19:47:09 发布
阅读量1.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 常见问题及解决方法 文章标签： IE 兼容 background-size css hack css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013185395/article/details/78677155
本文介绍如何使用CSS设置背景图片，并确保其能够正确显示且自适应屏幕大小。通过使用background-size属性及特定HTC文件实现背景图片的覆盖效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

引用附件文件，然后css添加如下代码

css:

background: url(images/126.jpg) center no-repeat;
background-size: cover;
-ms-behavior: url(css/backgroundsize.min.htc);
behavior: url(css/backgroundsize.min.htc);


IE8兼容background-size属性
一万年太久 - 只争朝夕
03-19 8513
IE8无法兼容CSS3的很多属性和方法比如：background-size等这些比较常用的属性。网上很多人都说用滤镜效果就可以：先看滤镜效果的实现方式：第一：在dom元素rend的时候判断浏览器类别，然后分别加载不同的样式IE样式* .index_wrap_IE { width:100%; height:100%; background:url("http://192.168.1.105:8080...
CSS3之背景尺寸Background-size使用介绍
09-25
- background-size属性在主流浏览器中都得到支持，包括Chrome、Firefox、Safari、Opera和IE9及以上版本。 - 兼容性前缀对于早期支持需要特别注意，如： - -moz-：针对早期版本的Firefox浏览器。 - -webkit-：...
让IE7 IE8支持CSS3 background-size属性
weixin_30568715的博客
10-24 168
简介 CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了，该值能让背景图片缩放至填满整个容器，即使是图片面积小于容器面积。 由于 background-size 是 CSS3 新增的属性，所以 IE 低版本自然就不支持了，但是老外写了一个 htc 文件，名叫...
IE7 8兼容css background-size属性
u013182438的博客
09-24 1057
background-size是css3提供的属性，在IE9+才支持该属性 在IE 7 8下的兼容性写法： 1.下载backgroundsize.min.htc文件 2.css文件中添加属性 .selector { background-size: cover; /* The url is relative to the document, not to the css file!
IE8下实现兼容rgba
weixin_34121304的博客
01-14 196
昨天遇到一个问题，要实现一个背景透明的效果，用CSS3用rgba()就能实现，即 background: rgba(0,0,0,.5); 但是要兼容到IE8，就发现没有透明效果，因为IE8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义，r代表red，g代表green，b代表blue，a代表透明度。红绿蓝...
IE8兼容background-size
xiaoouh的博客
02-18 4339
因为background-size是CSS3的属性，所以IE8并不支持。 可以采用滤镜来支持，即 在IE不支持这个属性的时候可以通过滤镜来实现这样的一个效果。 代码如下： strong>background-image: url('file:///F:/test/images/flashbg.jpg'); background-size: cover; filter
低版本IE中实现background-size属性兼容解决方案
总结一下，"backgroundsize.htc"文件是一个专门用于IE浏览器的 HTC 组件，可以用来提供对`background-size` CSS属性的兼容支持，使得旧版IE浏览器也能够正确地渲染背景图片尺寸调整的效果。通过在HTML页面中使用`...
css3中背景尺寸background-size详解
09-25
在编写样式表时，可以通过JavaScript直接操作DOM元素的style属性来动态设置background-size，例如：document.getElementById('element').style.backgroundSize = '100px 200px';。这允许开发者在页面运行时根据用户...
解决XP IE8不支持css3的background-size问题实例
04-06
总结起来，解决XP IE8不支持CSS3 `background-size`问题的关键在于理解浏览器的兼容性限制，利用渐进增强策略，以及合理运用如CSS滤镜这样的技术手段。通过这种方式，我们可以确保在不同浏览器和操作系统上都能提供...
图片自适应兼容IE8完美就解决方案
11-19
html5 上图片背景自适应元素的解决方案，使用js方式解决，有很多解决方案中background-box 在IE8中不兼容的问题
backgroundsize.htc
09-28
使用behavior属性引入该文件可使低版本IE兼容background-size属性。
IE8兼容background-size方法
weixin_41612533的博客
08-08 354
大家都知道background-size这个属性并不兼容ie8，如果解决这个问题呢？网络上通常会用ie的滤镜来解决这个方法，具体的代码如下： filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png', sizingMethod='scale'); 然后发现logo变得十分华丽（奥义·双重l...
IE8下兼容background-size方法
热门推荐
zhpeng289的博客
07-30 1万+
background-size: length|percentage|cover|contain;IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。 CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要...
background-size兼容ie
webZRH的博客
05-18 715
1.最好使用背景图尺寸正好的 2.引入文件 background-image: url(../img/ui-user.png); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ui-user.png',sizingMethod='scale')"; filter: 
css background-size 属性 兼容ie8 ie7 方案
weixin_34210740的博客
10-27 144
<!-- background-size-polyfill v0.2.0 | (c) 2012-2013 Louis-Rémi Babé | MIT License --> <PUBLIC:COMPONENT lightWeight="true"> <PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="o.init()"...
IE7的css不能显示背景的处理办法
阿达King哥的博客
04-05 3260
 这样在IE7下是不显示背景的。 指定宽度和高度即可。
Background-size完美兼容IE
weixin_39037804的博客
09-17 645
CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了，该值能让背景图片缩放...
ie8下background-size不起作用
笑到世界都狼狈的博客
09-06 995
最近做项目，ie8下的background-size不起作用，网上发现有个backgroundsize.min.htc火腿肠文件，下载导入项目css文件中 然后在需要的css样式中导入就可以了，具体上代码： /*兼容ie8下的background-size属性*/ .middle{ -ms-behavior: url(../css/backgroundsize.min.htc);//...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值