前些天无疑中在网上看到一个关于IE兼容的语法
<!--[if IE]> <p class='test'>你在非IE中将看不到我的身影</p> <div class="box"></div> <![endif]--> <!-- 如果是IE 浏览器才能解析以下样式 --> <!--[if IE]> <style> .test{
color:red;}
.box{
width: 100px;height: 100px;border: 1px solid red;border-radius: 50%;}
@media screen and (min-width: 480px) {
body{
background-color: red;
}
}
</style>
<![endif]-->
<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!--[if IE]>
这段文字只在IE浏览器显示
<![endif]-->
这段代码的实际演示情况是 只在IE浏览器中才能看见你写的代码 IE7以下才能看到 起初我还以为是新语法 结果是个大佬做的补丁 这个语法了解即可 不推荐用
<!--
html5 shiv 是一个针对IE浏览器的HTML5 JAVAScript 补丁,目的是让IE 识别并且支持HTML5元素
respond.js,对前端第三方技术的补丁
lt 如果小于IE9以下浏览器才能导入库
if ite IE 9 小于等于IE9
if gt IE 9 大于IE9
if gte IE 9 大于等于IE9
if ! IE 非IE 浏览器
if IE 支持 IE浏览器
语法
<-- if 条件>
需要解析的内容
<! endIf-->
IE 补丁:
@media IE9
<!--
学习 css hask 目的:了解即可,不要求使用
1:知道语法
2:万一遇到这样的代码可以看得懂并且能够修改
3:万一遇到低版本IE 6.7.8 css hack 是解决兼容性问题的方案。(不一定有效)
注意:只是补丁 不是创造
-->
今天的文章IE兼容补丁分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/12331.html