ie8下，图片在不同分辨率下平铺加载的设置

最新推荐文章于 2019-04-29 22:19:45 发布
最新推荐文章于 2019-04-29 22:19:45 发布
阅读量343 收藏
点赞数
分类专栏： 前端 h5+css3 前端样式使用 文章标签： 图片平铺 图片在ie下的加载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/miluli1/article/details/82904475
版权

由于ie浏览器版本的不同，导致可以平铺的图片，在ie8下，不能正常平铺，如下可解决：

在图片样式属性中，加入：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='news-banner.png', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='news-banner.png', sizingMethod='scale');

mlovelcottage
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE6下CSS图片缓存问题解决方法
09-05
ie6下如果用css图片平铺，会出现cpu短暂100%的情况，主要原因在于，ie6会重复下载图片。
ie8下背景图片平铺问题
weixin_30735745的博客
05-30 167
IE9+及其他浏览器实现背景图片平铺可能需要一个属性就可以background-size:100%/cover; 但是ie8下background-size是不兼容的，因此我们需要用到滤镜，来解决背景图片拉伸问题。 仅需如下代码： filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/news/n...
IE8实现标签背景图片平铺效果
风一样的男子
08-30 706
<style type="text/css"> .left-nav{ background-repeat: no-repeat; background-image:url("images/bg01.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...
ie8下平铺背景图
duansamve的博客
04-29 456
body{ background: #ffffff url('{{STATIC_URL}}img/banner.png') no-repeat scroll center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover...
css3圆角，ie背景缩放，背景图片适配ie8
qq_36528523的博客
03-29 962
背景图片适配谷歌，opera，firefox但不适配ie8的情况下！请加下列代码，才对background-size起作用 代码如下： background-image:url(../img/bg.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.png', sizingMetho
CSS之float在IE浏览器下换行问题解决方法
12-13
复制代码代码如下: .h3 a { background: url(“/mimages/more.png”) no-... } <h3> 1F 热门车系 [更多+]</a> </h3> 当程序如上时，a标签会在IE等浏览器下换行。 解决方法，就是把<a> 标签放在文本前面，如下： <h3>
css样式div或li在ie6下背景平铺及border边框断线解决技巧
09-22
css样式div或li在ie6下背景平铺或边框断线解决办法
IE6下让图片透明
05-24
NULL 博文链接：https://kingapex.iteye.com/blog/365234
Android实现平铺图片效果
09-02
主要为大家介绍了Android实现平铺图片效果的相关方法，感兴趣的小伙伴们可以参考一下
图片自适应兼容IE8完美就解决方案
11-19
html5 上图片背景自适应元素的解决方案，使用js方式解决，有很多解决方案中background-box 在IE8中不兼容的问题
IE8背景图占满
weixin_33828101的博客
06-08 480
为什么80%的码农都做不了架构师？>>> ...
图片铺满整个浏览器，兼容ie8的写法
xj_li的博客
05-24 969
.bg-ie8 {  display:none; display /*\**/:inline\9 ; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; }
background-size设置背景图片自适应 在ie8下失效的问题
热门推荐
oliver666666的博客
04-27 1万+
遇到的问题是 ：有一个div ，div用绿色框体现。然后通过js控制框的大小，实现动态的改变div的大小。 （放大缩小窗口，div跟随变大变小。） 设置了div的css属性  background-image：url(http://i1.piimg.com/1949/c777d079f3fb68ec.png); background-size：cover； 通过浏览器使用发现，div框
IE8以下浏览器，包括IE8图片不平铺，平铺后点击事件失效的解决办法
格林王子举哥
09-19 696
 IE8，JSP界面图片不平铺的话，可以设置滤镜，包括背景图片，透明度都可以使用滤镜，这样就可以平铺了 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; .bodyBgColor{ background-position:50%; backgroun...
IE8下的背景平铺 background-size不起作用
szy1000的专栏
11-29 5559
今天在写项目的时候，用到了background-size:cover。在chrome上面预览很正常。 但是跑到IE下面一看。虽然有background-image 的属性。但是效果不能如愿。
css背景图片填充样式background-size兼容ie8以下浏览器解决
☆╮123☆
08-05 8734
background-image: url(images/background.jpg); background-size:100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg',sizingMethod='scale');/*兼容ie8以下*/ 已经试过，确实可用！！
背景图片在IE8浏览器的平铺
李曼 'S BLOG
07-04 1630
当给页面设置背景图片时，我们习惯性的会如下设置，由于背景图片在IE8下不能平铺，因此这样设置无法兼容IE8浏览器的，不能得到我们想要的效果 &amp;amp;lt;div id=&amp;quot;login_bg&amp;quot; class=&amp;quot;login_bg&amp;quot; &amp;amp;gt; &amp;amp;lt;style type=&amp;quot;text/css&amp;quot;&a
如何在body中设置图片不平铺
最新发布
07-17
以下是一个示例的HTML和CSS代码，演示如何设置图片在`<body>`中不平铺： ```html <!DOCTYPE html> body { background-image: url('path/to/image.jpg'); background-repeat: no-repeat; background-size: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值