文档章节

解决ie9以下的各种问题

L
 LM_Mike
发布于 2016/09/08 15:11
字数 303
阅读 10
收藏 0

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;
	}

© 著作权归作者所有

L
粉丝 1
博文 271
码字总数 41409
作品 0
深圳
私信 提问
KindEditor 3.5.2 发布,补丁修复版

本次更新只包含bugfix,使用3.5.1版本的用户只需要覆盖kindeditor.js文件。 本来打算在这次版本解决IE9的兼容性问题,但研究后发现IE9的DOM接口变化很大,需要修改大量代码才可以直接兼容IE9...

红薯
2010/12/03
1K
0
请问Flash as3里如何在音乐播放ing的时候触发进度条滚动

为了解决HTML5的audio在IE9以下不能用,所以我昨天花了一天时间来变相解决这个问题。 (ps:我是一个标准的Java后台程序员,Flash不会,美工很烂,所以能实现大部分功能已经很不容易啦) 现在做了个...

废柴大叔
2013/05/19
555
1
iview在ie9及以上的兼容问题解决方案

是时候亮出这张图了: 可是ie不是你不想兼容就不兼容啊。说多了都是泪。 使用iview已经有一年多的时间。总的来说,iview还是给我的工作带来了很大的方便。 主要的吐槽点就是文档写的不够清楚...

胆小咯君
2018/09/11
0
0
起点中文网 3D 书封之最佳实践

起点中文网 3D 书封之最佳实践 *SASS代码:demo 只列出关键属性,其余个性样式以及 CSS3 前缀不做一一列出 *///两类浏览器通用代码 .book-cover { }//第一类浏览器代码(书封旋转、纸张可见、...

阅文集团前端团队
2018/05/29
0
0
解决vue在ie9中的兼容问题

vue 解决ie9的兼容问题 当vue遇见ie9的时候,部署到服务器之后,打开居然是一片空白,vue是支持ie9的,这个时候就需要来一波兼容了 1 2 首先 然后在中的最前面引入 在index.html 加入以下代码...

cacao111
2018/07/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
59分钟前
7
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
今天
4
0
前端——使用base64编码在页面嵌入图片

因为页面中插入一个图片都要写明图片的路径——相对路径或者绝对路径。而除了具体的网站图片的图片地址,如果是在自己电脑文件夹里的图片,当我们的HTML文件在别人电脑上打开的时候图片则由于...

被毒打的程序猿
今天
5
0
Flutter 系列之Dart语言概述

Dart语言与其他语言究竟有什么不同呢?在已有的编程语言经验的基础上,我们该如何快速上手呢?本篇文章从编程语言中最重要的组成部分,也就是基础语法与类型变量出发,一起来学习Dart吧 一、...

過愙
今天
3
0
rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部