我决定不支持IE7; 我现在可以使用哪些JS/CSS/HTML功能？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

浏览器兼容

让哪些浏览器支持哪些效果 3、如何做（1）根据兼容需求选择技术框架/库(jquery) （2）根据兼容需求选择兼容工具(html5shiv.js、respond.js、css reset、normalize.css...{ *zoom: 1; /* 仅对ie67有效，可以用来清除浮动*/ } 总结：css hack 就是为了将某些功能兼容ie的低版本，换了一种写法来实现功能。...--[if IE 7 ]> html dir="ltr" lang="en-US" class="no-js ie7 oldie"> html dir="ltr" lang="en-US" class="no-js"> 可以如图去使用class。...运行的时候它会在html元素上添加一批CSS的class名称，这些class名称标记当前浏览器支持哪些特性和不支持哪些特性详情见文档：Modernizr介绍文章 ?

1.9K5 2

js播放音频文件总结

无Flash，这个解决了新版本的chrome不支持flash的大问题。但是这个有一个比较大的问题，不支持LRC文件。...Jplayer jPlayer是一个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件) jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页...特点：简单:几分钟就可以上手编码、部署可定制:可以方便地用HTML和CSS换肤轻量:压缩的mini版只有12K 免费开源:没有任何许可限制社区支持:不断增长的活跃社区插件丰富:主流平台上越来越多的免费插件...我感觉这个比较符合我的要求，但是他的样式实现没有Audio Player 那么优雅，但是可以支持自定义的theme，我决定把Audio Player 的样式用于jplayer。...体验地址：https://aplayer.js.org/#/ 这个写的太好了，我只是学习了一下这个播放器的实现。暂时还没有应用到我的项目中。 [image.png]

9.1K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

JS魔法堂：浏览器模式和文档模式怎么玩？

（IE7也是这样）　注意：这时的兼容模式主要是解决显示问题，要知道那时的JS只是小配角而已。 3.3....解析　　css和html的解析也会受到文档模式的影响，就像在IE678标准模式时，HTML解析时会将嵌套form下的子节点挪到上一节；而IE9标准模式时不会。 3....这样Jser还是使用IE10+的JS API，不用忍受IE5之苦； 3....另外我曾参与一个项目需要运用VML来画图，客户大部分使用IE678，少部分使用IE910，其他浏览器的可忽略不计，于是就可以通过锁定文档模式为模拟IE7标准模式来启用VML支持了。...（官方声IE9+不支持VML，但实际上IE8已经不支持了。）若作为库或框架开发者，由于文档模式影响大部分JS API，而渲染模式影响各项样式值和获取方式等等，情况会复杂得多。

2K8 0

毕业一年左右的前端妹子面经总结

HTML以及CSS篇，集中在CSS 说下你常用的几种布局方式，集中往盒模型、flex布局说(至于grid布局，这个我看过没有用到过) 实现水平居中的几种方法？...2333) 使用meta标签来调节浏览器的渲染方式，告诉浏览器用哪种内核渲染，360双核浏览器就是在ie和chrome之间来回切换，现在使用meta标签来强制使用最新的内核渲染页面不支持IE8，可以用img 使用PIE.htc让IE6/7/8支持CSS3部分属性，像CSS3的border-radius，box-shadow，css backgrounds(-pie-background...:nth-child(2)可以转换为span:first-child+span,可以使ie8显示该内容，last-child可以自定义一个class类兼容ie8写法 IE8下不支持HTML5属性placeholder...，解决问题的js插件挺多的，常用的使用jquery.JPlaceholder.js插件处理问题识别HTML5元素，IE中可能无法识别nav/footer，使用html5shiv 火狐下表单阻止表单默认提交事件

5212 0

4种方案解决CSS浏览器兼容性问题

> 代码块，可以是html，css，js html5shiv/3.7.2/html5shiv.min.js"> 使用，为了避免与某些带中划线的属性混淆，所以使用下划线（）更为合适。：选择IE7及以下。...自动化插件 Autoprefixer是一款自动管理浏览器前缀的插件，它可以解析CSS文件并且添加浏览器前缀到CSS内容里，使用Can I Use（caniuse网站）的数据来决定哪些前缀是需要的。...//我们编写的代码 div { transform: rotate(30deg); } // 自动补全的代码，具体补全哪些由要兼容的浏览器版本决定，可以自行设置 div { -ms-transform

2.9K1 0

polyfill — Respond.js

使用方法考虑到 IE9 是支持 CSS3 的，所以直接在 HTML 页面的标签中添加脚本引入即可： css...[endif]--> 讲道理，我们是应该将 js 文件放在 html 文件的最后，但是 repond.js 文件，我还是建议你将它放在中，并且放在 css 文件的后面。...基本含义就是：utf-8 格式的 CSS 文件字符编码会对插件造成影响但是在我使用 IE6-8 进行测试的时候，都能够正常显示（无论是在 css 文件中增加 charset 设置还是在 link 标签中增加...Respond.js 和 @import Respond.js 不支持通过 @import 引入的 CSS 文件。...Tips 从 respond.js 的工作原理可以知道，它将中所有外部引入的 CSS 文件路径取出来存储到一个数组当中；然后遍历数组，并一个个发送 AJAX 请求；可以看出这里必须依赖

1.1K2 0

常见的兼容性问题

* { margin: 0; padding: 0; } 通常使用Normalize.css抹平默认样式差异，当然也可以根据样式定制自己的reset.css。...标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器将逐步支持不带前缀的CSS3新属性，...CSS3媒体查询的问题，通常使用respond.js来作为兼容性解决方案。...> HTML5标签对于IE9以下浏览器不支持HTML5新标签的问题，可以使用document.createElement创建元素并设置其CSS样式即可，通常使用html5shiv.js来作为兼容性解决方案...对于其兼容性首先需要判断input是否支持placeholder，然后在不支持的情况下可以通过input的onfocus与onblur事件监听来实现placeholder效果。 <!

1.8K1 0

Web前端面试宝典（最新）

link支持使用Javascript控制DOM去改变样式；而@import不支持。第四部分：JS问答题 1、JS的数据类型有哪些？typeof运算符的执行结果都有哪些数据类型？...它的功能是把对应的字符串解析成JS代码并运行；应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。...transition必须通过一些行为才能触发（js或者伪类来触发），animation的话直接就可以触发。 7.HTML5的form如何关闭自动完成功能？...，并且我还可以实现livereload功能（当我监控的文件发生变化的时候，可以触发浏览器的自动刷新功能），而且在css3里面加前缀的话是一个很头疼的问题，我们现在只需要用autoprefixer模块就可以很容易实现自动加...我最近在学习react。。。我最近在学习sea.js。。。我最近在学require.js。。。我最近正在恶补node.js。。。

3.3K5 4

网页设计中另人头疼的浏览器兼容问题

important;width :340px;margin:0 10px 0 10px} 　　关于这个是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声...>body .content { //html>body是CSS2的写法 width:300px; //支持CSS2该写法的浏览器有幸读到了这一句 } 现在回到主题，我们经常看到!...就可以了, FF中我们使用JS插入的方法来解决 css”> 现在我大部分都是用!...important } :empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。

1.4K2 0

Web程序员们，你准备好迎接HTML5了吗？

important;width :340px;margin:0 10px 0 10px} 　　关于这个是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声...>body .content { //html>body是CSS2的写法 width:300px; //支持CSS2该写法的浏览器有幸读到了这一句 } 现在回到主题，我们经常看到!...就可以了, FF中我们使用JS插入的方法来解决 css”> 现在我大部分都是用!...important } :empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。

7932 0

根据IE版本加载不同CSS样式的方法小结，解决低版本IE兼容问题

今天再次收到微历史博主的留言，趁着这股折腾劲还没冷却，我决定今天抽时间把 IE 兼容性问题给搞定！ ?...搜来搜去，网上给出大约有三种简单可行的方法：一、最简单的方法就是在页面引入 css3-mediaqueries.js 插件解决兼容性问题；经测试，发现此方法 IE8 是可以了，但是 IE7 还是有点局部问题...} }; }); 原理很简单，使用 js 判断 IE 及 IE 版本，然后根据不同版本来改变当前 css 样式表的 href，由于使用了 jQuery ready 预加载方法，所以需要在代码之前引入...所以，我放弃了这个方法。三、通过条件注释判断浏览器版本，从而加载不同的 css 样式表代码非常简单： CSS3 样式，从而解决了低版本兼容性问题！最终，我采用了第三种方法，解决了中国博客联盟导航的 IE7、8 兼容问题： IE7： ? IE8： ?

2.6K8 0

前端学习(9)~css学习(三)：样式表和选择器

CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 css的最新版本是css3，我们目前学习的是css2.1。...举例如下：（正确）我是一个h3啊类选择器使用的举例：类选择器的使用，能够决定一个人的css水平。...（2）每一个类要尽可能小，有“公共”的概念，能够让更多的标签使用。问题：到底用id还是用class？答案：尽可能的用class，除非极特殊的情况可以用id。原因：id是js用的。...上图所示，css和js都在用同一个id，会出现不好沟通的情况。我们记住这句话：类上样式，id上行为。意思是说，class属性交给css使用，id属性交给js使用。...类选择器可以被多种标签使用。 4、通配符*：匹配任何标签通用选择器，将匹配任何标签。不建议使用，IE有些版本不支持，大网站增加客户端负担。

7981 0

CSS的四种基本选择器和四种高级选择器

/h3> 类选择器使用的举例：类选择器的使用，能够决定一个人的css水平。...答案：尽可能的用class，除非极特殊的情况可以用id。原因：id是js用的。也就是说，js要通过id属性得到标签，所以css层面尽量不用id，要不然js就很别扭。...举例如下：上图所示，css和js都在用同一个id，会出现不好沟通的情况。我们记住这句话：类上样式，id上行为。意思是说，class属性交给css使用，id属性交给js使用。...类选择器可以被多种标签使用。...不建议使用，IE有些版本不支持，大网站增加客户端负担。效率不高，如果页面上的标签越多，效率越低，所以页面上不能出现这个选择器。

10.3K1 0

最全的CSS浏览器兼容整理

, 这样需要多次引用的定义便可以使用他....FORM标签这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和 padding,针对上面两个问题,我的css中一般首先都使用这样的样式...就可以了, FF中我们使用JS插入的方法来解决 css"> 现在我大部分都是用!...important } :empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。

1.6K3 1

css2.1中的属性选择器(css高手请绕道)

早上看了司徒先生的js版属性选择器(http://www.cnblogs.com/rubylouvre/archive/2009/10/27/1590102.html)，也激发了我深入了解css选择器的学习欲望...type="text/css"> .cls1 div:first-child{color:red} 我是红色的...说明:IE6以上的版本，允许任何元素都可使用:hover等伪类不支持-不管是IE的哪个版本都一样) 该选择器还有一个非标准的写法 E ~ F 效果跟E + F一样(但是~的这种写法，IE7,IE8能识别) 运行代码以上属性选择器可以在http://www.w3.org/TR/CSS2/selector.html查到官方权威信息

1.2K10 0

第140天：前端开发中浏览器兼容性问题总结（一）

我们在开发的时候会明确项目要兼容哪些浏览器的最低版本，我之前的项目要求兼容IE8.0以上的版本，Chrome 48以上，FireFox 44以上。...有了这些最基本的要求，在开发中就是要考虑到CSS样式和JavaScript的在这些浏览器的兼容性了一、html部分 1.H5新标签在IE9以下的浏览器识别 js/html5shiv.js"> html5shiv.js下载地址 https://github.com/aFarkas/html5shiv/releases 2.ul标签内外边距问题 ul标签在IE6\IE7...属性兼容 inline-block: >=ie8 min-width/min-height: >=ie7 :before,:after: >=ie8 div:hover: >=ie7 inline-block

3.1K3 1

HTML条件注释判断浏览器及检验

--[if IE 7]> 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别仅IE8可识别 <!...：就是不等于的意思，跟javascript里的不等于判断符相同 Example: 加载CSS2 加载CSS1(可以把要重写的写在这里). 加载CSS1 加载CSS2 在IE10后，微软说不支持条件注释了，换句话说他也只能判断到IE9了、如果想确定是不是能使用HTML5，光靠这个还是不严谨，虽然可以通过： <!

1.2K2 0

知识整理之CSS篇

important; /* 仅IE6 浏览器不支持 */ CSS选择符Hack *html #demo { color: red; } /* 仅IE6 浏览器识别 */ *+html #demo {...zoom属是IE浏览器的专有属性，火狐和老版本的webkit核心的浏览器都不支持这个属性。然而，zoom现在已经被逐步标准化，出现在CSS 3.0 规范草案中。...目前非ie由于不支持这个属性，它们又是通过什么属性来实现元素的缩放呢？可以通过css3里面的动画属性scale进行缩放。...DOM可控性区别可以通过JS操作DOM，插入link标签来改变样式；而无法通过JS添加@import方式来引入样式。权重区别 link引入的样式权重大于@import引入的样式。...CSS优化、提高性能的方法有哪些？

1.6K2 0

网站页面滚动加载动画JS特效

终于尘埃落定了，前段时间忙的不可开交，结婚，工作，因为婚假+年假一起休的，导致很长时间没有更新博客了，今天抽空给大家带来了一个js特效，网站模块延迟加载的动画，假期之前就想着制作这个功能，页面滚动加载...教程也是网上找的，我测试了好多个，还是感觉这个比较好。有兴趣的朋友可以测试下。 ?...不同的是 WOW.js 的动画只播放一次，而 scrollReveal.js 的动画可以播放一次或无限次；WOW.js 依赖 animate.css，而 scrollReveal.js 不依赖其他任何文件...虽然 scrollReveal.js 不依赖 animate.css，但它的动画也是用 CSS3 创建的，所以它不支持 IE10 以下的浏览器。...浏览器兼容 IE10+ Chrome Firefox Opera Safari IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以没有效果，并且因为不支持一些属性或方法会报错

11.4K2 0

HTML条件注释判断浏览器及检验

--[if IE 7]> 仅IE7可识别 IE7以及IE7以下版本可识别 <!...：就是不等于的意思，跟javascript里的不等于判断符相同 Example: 加载CSS2 加载CSS1(可以把要重写的写在这里). 加载CSS1 加载CSS2 在IE10后，微软说不支持条件注释了，换句话说他也只能判断到IE9了、如果想确定是不是能使用HTML5，光靠这个还是不严谨，虽然可以通过：这一方法来实现（理论上），实际上不是所有非IE浏览器都能支持HTML5（比如低版本的FF、Chrome）。因此，jQuery和Modernizr给出了各自的方法。

2.2K9 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭