解决ie9以下的各种问题

最新推荐文章于 2018-05-30 11:07:12 发布

weixin_34342207

最新推荐文章于 2018-05-30 11:07:12 发布

阅读量188

点赞数

文章标签： python

原文链接：https://my.oschina.net/daladida/blog/744285

版权

2019独角兽企业重金招聘Python工程师标准>>>

IE9一下不支持css3-media响应式样式解决方案：

<!--[if lt IE 9]>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->

在头部引入这个判断包，注意引入顺序，要在css样式表前面

万恶的ie8不支持nth-child(n)选择器，不支持background-size属性=_= 解决不支持nth-child(n)的方法：

ul li+li即选择ul下第二个li，同样，ul li+li+li是选择第三个li，根据教训，以后还是弄个数字系列的类写样式，比如

<ul>
<li class="myli1 myli"></li>
<li class="myli1 myli"></li>
<li class="myli1 myli"></li>
<li class="myli1 myli"></li>
</ul>

然后通用的样式写在.myli里包括兼容ie8 background-size的属性

好了，轮到兼容background-size了 backgroundsize.htc需要在css文件夹放入这个玩意，然后，看代码把

	.ban6 h3{
		padding-left: 46px;
		font-size: 37px;
		background-position: 0 6px;
		background-size: 40px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}

如果都这样写就好了

			<div class="single_step step1"></div>
			<div class="single_step step2"></div>
			<div class="single_step step3"></div>
			<div class="single_step step4"></div>
			<div class="single_step step5"></div>

	.single_step{
		top: 11px;
		width: 66px;
		height: 69px;
		background-size: 66px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.step1{
		left: 14px;
	}
	.step2{
	    background-position: 0 -72px;
	    left: 489px;
	}
	.step3{
	    background-position: 0px -156px;
	    right: 60px;
	}
	.step4{
	    background-position: 0px -234px;
	    left: 262px;
	    top: 270px;
	}
	.step5{
	    background-position: 0px -319px;
	    left: 729px;
	    top: 270px;
	}

转载于:https://my.oschina.net/daladida/blog/744285