<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ie8无法拉伸背景图</title>
    <style type="text/css">
        body {
            margin: 0;
            width: 100%;
            height: 462px;
            /*这么写不显示背景图在ie8下*/
            /*background: url("successed.png")no-repeat;*/
            /*这么写就显示背景图了在ie8下，看出区别了吗？是的就差一个空格*/
            background: url("successed.png") no-repeat;
            background-size: 100% 100%;
        }
    </style>
</head>
<body>
</body>
</html>

ie8中body的样式  在ie8下背景图无法拉伸

其他正常浏览器的样式

解决方案

1. 用img标签

img {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

<img src="successed.png">
 
body{
    height:1000px;
    /*IE8下的背景渐变*/
    filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
												


											
ie8无法拉伸背景图的更多相关文章
	

    
								
  1. ios 拉伸背景图中间图片不变四周拉伸
		
    上图中间区域的翅膀不能变形,Android的点九能很好的解决,但是iOS的stretchableImageWithLeftCapWidth没法一次性指定拉伸区域,最后发现https://www.jia ...
    
		
    2. 
						
  2. html-css控制背景图全屏拉伸不重复显示
		
    在HTML中,当我们设置背景图,只能采用是否重叠.居中.重叠方向这几个选项 CSS3中设置 body { background:#3d71b8 url(../back_main.png); backg ...
    
		
    3. 
						
  3. UI-UIImageView的图片填充方式(contentMode)_图片作为控件背景图的拉伸方式(stretch)介绍
		
    常用图片填充方式 这里只介绍三个最常用的图片填充方式 UIViewContentModeScaleToFill模式会导致图片变形.例如: UIViewContentModeScaleAspectFit ...
    
		
    4. 
						
  4. a标签的背景图在ie8下显示问题
		
    今天遇到个小问题,纠结了很久,分享下 a标签添加背景图,需要给a添加display:block样式 但是在ie8下还是不能显示背景图,开始以为是由于a标签为空造成的,试了下添加内容也没用,后来注意到一 ...
    
		
    5. 
						
  5. a标签的背景图在ie8下不显示的问题
		
    突然发现临下班时候问题就多, 马上下班了被头头告知线上已经上线很久的活动现在有个兼容性问题, a标签的背景图在ie8下会有不显示的情况. 我自己找了台ie8的机器实验了一下, 发现一切正常, 但是在另 ...
    
		
    6. 
						
  6. 安卓中圆角背景图被拉伸的解决方案——.9.png
		
    举个例子: 从网上找了一张图片 如果我们直接用这张蓝色的图来做登录按钮的背景.将这个图片设为背景以后 我们可以发现四个角全部变形了,一点也不美观.针对此问题,我们通过.9图来解决. 首先我们先了解一下 ...
    
		
    7. 
						
  7. [转]完美的背景图全屏css代码 – background-size:cover?
		
    写主题样式的时候经常会碰到用背景图铺满整个背景的需求,这里分享下使用方法 需要的效果 图片以背景的形式铺满整个屏幕,不留空白区域 保持图像的纵横比(图片不变形) 图片居中 不出现滚动条 多浏览器支持  ...
    
		
    8. 
						
  8. CSS之全屏背景图
		
    吐槽啦:Yeah  明天就是国庆了o(*￣▽￣*)o!哈哈,提前祝福各位园友国庆快乐.假期愉快.生活美满.天天开心!国庆我要回家一趟,把一些不用的东西带回家,走访一下亲朋好友,在家打几天酱油~~~ 言 ...
    
		
    9. 
						
  9. 背景图height：100%显示
		
    这段时间,写移动端页面,总是遇到背景图在不同的设备上的显示拉伸问题: 本来想写百分比,可是并没有显示,又不想media@ ,换一种思路用img写 群友提供了一个办 html,body{height:1 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. pymysql模块学习
			
    #Pymysql 用于连接mysql数据库 #连接数据库 data_ip = "192.168.34.128" data_name = "lch" data_p ...
    
			
    2. 
						
  2. 详解C/C++中的的：#pragma pack(push) 、#pragma pack(pop) 和#pragma pack()
			
    前言 我们知道结构体内存对齐字节可以通过#pragma pack(n) 的方式来指定. 但是,有没有想过一个问题,某些时候我想4字节对齐,有些时候我又想1字节或者8字节对齐,那么怎么解决这个问题呢?  ...
    
			
    3. 
						
  3. 傻傻分不清之 Cookie、Session、Token、JWT
			
    傻傻分不清之 Cookie.Session.Token.JWT 什么是认证(Authentication) 通俗地讲就是验证当前用户的身份,证明“你是你自己”(比如:你每天上下班打卡,都需要通过指纹打 ...
    
			
    4. 
						
  4. 题解【洛谷P1352】没有上司的舞会
			
    题面 题解 树形\(\text{DP}\)入门题. 我们设\(dp[i][0/1]\)表示第\(i\)个节点选\(/\)不选的最大快乐指数. 状态转移方程: \(dp[i][0]=a[i]+\sum_ ...
    
			
    5. 
						
  5. Resharper快捷键使用
			
    1:   Alt+F7将你光标所在位置的变量的所有使用以列表的方式显示出来,显示结果的窗体可以像其他窗体那样停靠. 它的优点包括: 可以从所有使用中挑选只显示read usage或者write usa ...
    
			
    6. 
						
  6. Java-类的生命周期浅析
			
    简述:Java虚拟机为Java程序提供运行时环境,其中一项重要的任务就是管理类和对象的生命周期.类的生命周期.类的生命周期从类被加载.连接和初始化开始,到类被卸载结束.当类处于生命周期中时,它的二级制 ...
    
			
    7. 
						
  7. bugku 有一张图，还单纯吗
			
    下载图片后以多种方式打开.分析文件类型都没能找到flag.推测存在隐藏文件,即文件可分离. 注:文件分离需要 binwalk 工具,在Ubuntu操作系统下 binwalk 的安装方法可参考此博客:h ...
    
			
    8. 
						
  8. AcWing 907. 区间覆盖
			
    //1.将所有区间按照左端点从小到大排序 //2.从前往后依次枚举每个区间 //首先选择能够覆盖左端点的区间当中右端点最靠右的端点 //在所有能覆盖start的区间当中,选择右端点最大的区间 //选完 ...
    
			
    9. 
						
  9. mysql 实践（例题）
			
    MySQL安装见本博 安装成功后,开始菜单中找到 “MySQL 8.0 Command Line Client” 进行启动(启动后,可直接输入MySQL密码) 1. create database 数 ...
    
			
    10. 
						
  10. 阿里配置docker镜像专属地址
			
    阿里配置docker镜像专属地址 待办 https://www.jianshu.com/p/6b416dff0691
    
			
    11.