让你的HTML5CSS3网站在老IE中也能正常显示的3种方法

news/2024/5/20 14:52:15/文章来源:https://blog.csdn.net/weixin_30555125/article/details/99163866

起初,IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后,它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战,但事实情况是,新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的IE浏览器。下面提到的三种方法能快捷轻松的让你的HTML5&CSS3网站在微软的主要浏览器中也能神奇的运行!

  htmlshiv.js

  Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用的js。

<!--[if lt IE 9]><script src="dist/html5shiv.js"></script><![endif]-->
  selectivizr.js

Selectivizr.js是一款神奇的工具,它能提供大量IE不支持的CSS选择器和属性,包括所有的last-child选择器。最近在网站改版过程中,我使用了selectivizr,网站竟然可以毫不走样的在老式IE浏览器的正常显示。下面是我使用的代码片段:

<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->

  现代新技术WEB项目不可缺少的js库。它只会在老式IE里加载。

  <html>条件判断注释

  你一定见到过这种极其丑陋的条件判断注释。然而,丑虽丑,它却能让你的网页能按你希望的方式运行:

<!DOCTYPE html><!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]--><!--[if IE 7 ]>    <html class="ie7 lazy " lang="en"> <![endif]--><!--[if IE 8 ]>    <html class="ie8 lazy " lang="en"> <![endif]--><!--[if IE 9 ]>    <html class="ie9 lazy " lang="en"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

  这段代码不需要JavaScript,不需要等待JavaScript的加载,你定义的CSS样式会立即生效起作用,没有那种因为加载延迟而出现的样式闪变。

  虽然IE在奋起直追它的那些竞争对手,但现实情况是老式的IE浏览器仍然相当普遍,特别是在那些发展中国家。欣慰的是,上面的这些工具在所有浏览器里都可以使用。

转载于:https://www.cnblogs.com/Hcjer/p/4003966.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_747235.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PHP案例 网站会员管理设计

原文[下载/浏览]&#xff1a;http://www.xilinjie.com/university/123 内容介绍一、概述 会员管理的网页功能在现今网站构建上相当的重要&#xff0c;尤其是对于一些需要付费来取得会员认证的公司和个人网站。为了避免误闯的用户及有心的***&#xff0c;会员认证及管理的方式的…

基于阿里云ECS的phpwind网站备案前如何远程访问调试?

基于阿里云ECS的phpwind网站部署非常方便&#xff0c;但云主机的外网IP绑定域名却比较复杂。先要申请域名&#xff0c;成功后还需要备案。尤其是企业网站备案&#xff0c;需要提交的资料较多&#xff0c;准备资料以及审批的时间较长。这段时间在外网采用IP访问是不行的&#xf…

Python--爬虫之(斗图啦网站)图片爬取

学习重点: 一、主要的安装包&#xff0c;requests、BeautifulSoup4 二、首先爬取每页的网址 三、再爬取每页的全部图片 四、下载图片和设置保存路径和图片名字 五、整合代码 1、主要的安装包requests、BeautifulSoup4  1&#xff09;用来请求网络数据requests 2&#xff09;用…

电商网站jQuery放大镜代码

分享一款电商网站jQuery放大镜代码。这是一款基于jquery.elevatezoom插件实现的类似淘宝放大镜代码&#xff0c;提供40多种参数&#xff0c;可自由配置多种效果&#xff0c;适合电商或图片类网站使用。效果图如下&#xff1a; 在线预览 源码下载 实现的代码。 html代码&…

大型网站技术架构

1. 初始阶段的网站架构一般来讲&#xff0c;大型网站都是从小型网站发展而来&#xff0c;一开始的架构都比较简单&#xff0c;随着业务复杂和用户量的激增&#xff0c;才开始做很多架构上的改进。当它还是小型网站的时候&#xff0c;没有太多访客&#xff0c;一般来讲只需要一台…

IIS7绑定多个HTTPS网站并应用自签名证书

本文主要介绍如何在IIS中添加多个网站并使用同一个数字签名证书(win7IIS7.5) IIS中添加站点site1&#xff0c;端口号为80&#xff0c;主机名为空。如下图&#xff1a;创建证书 IIS->Server Certificates –>Create Self-Signed Certificate ,输入证书名如下图&#xff1a…

01_很好的网站:程序师

2019独角兽企业重金招聘Python工程师标准>>> http://www.techug.com/ 动画讲解Eclipse常用快捷键 http://www.techug.com/eclipse-shortcut-keys 十大编程算法助程序员走上高手之路 http://www.techug.com/10-algorithm-help-programmer-grow-up 转载于:https://my.…

如何构建高性能web网站:分布式缓存

一、数据库前端缓冲区 要清除数据库前缓冲区&#xff0c;首先必须明确什么是文件系统的内核缓冲区&#xff08;Buffer Area&#xff09;&#xff1a;它位于内核的物理内存地址空间&#xff0c;除了使用O_DIRECT比其他标签中打开文件&#xff0c;所有的磁盘的读写操作&#xff0…

7月上旬国内网站流量统计TOP5:新浪跻身五强居四

IDC评述网&#xff08;idcps.com&#xff09;07月15日报道&#xff1a;根据中国互联网协会-中国网站排名公布的最新数据显示&#xff0c;截至2015年7月13日&#xff0c;国内网站独立访问量五强名单分别是百度、腾讯网、360安全中心、新浪网、淘宝网。具体情况如下图所示&#x…

网站集成微博登录功能

前几天写了一篇关于网站集成QQ登录的文章受到不少网友的好评&#xff0c;期间有不少网友私信能不能写一篇关于网站集成新浪微博登录功能的文章&#xff0c;于是这些天抽空写了这篇文章&#xff0c;希望能帮到有需要的朋友。 一.前期准备 网站要想集成新浪微博登录功能&#xff…

个人网站如何赚钱

2019独角兽企业重金招聘Python工程师标准>>> 好多人都说&#xff0c;个人站长已死&#xff0c;许多都开始慢慢转型了。有的开始找合作伙伴&#xff0c;组建团队&#xff0c;有的转型做了自媒体&#xff0c;有的干脆直接去上班了……但是&#xff0c;个人站长真的就没…

安全网站推荐

2019独角兽企业重金招聘Python工程师标准>>> 国内 https://www.t00ls.net t00ls是国内比较低调的民间组织&#xff0c;论坛质量较高。 <?php $head "80vul"; 黑哥所在团队&#xff0c;博客内容质量很好。 Worm.cc 我所在邪红色信息安全组织的不知名博…

分类信息网站大全

2019独角兽企业重金招聘Python工程师标准>>> 分类信息网站大全 &#xff08;排名不分先后&#xff09; 1. 58同城 http://bj.58.com/ 2. 赶集网 http://www.ganji.com/ 3. 中国分类信息网 http://www.fenlei168.com/ 4. 今题网 http://www.jinti.com/ 5. 易…

服务端渲染(回答vue为啥子不支持seo优化,如何解决)

整体目标&#xff1a; 理解服务端渲染的概念会用vue的SSRNuxt中的async 一、基本概念 页面的两种生成方式 用户从浏览器地址栏中输入地址访问服务器上的页面时&#xff0c;服务器可以用两种不同的策略来生成这个页面&#xff0c;对应着程序员写的不同的实现方式。 打开给出…

前端和算法实现:给网站上加上自己的水印(以后用上)

watermark插件的github地址&#xff1a;https://github.com/saucxs/watermark 一、简单 阿里巴巴内网的不可见水印用的是什么算法&#xff1f; 下面的只是简单的加一个很浅的水印&#xff0c;实现起来很容易。 浏览器终端下粘贴下面的代码&#xff0c; 这样就可以加水印了。我选…

网站打开速度多少毫秒为正常_网站测速工具,那些你可能不知道的隐藏功能

文章目录PING命令测速查看内置浏览器的网页加载速度使用工具来测试网站速度新做的网站如果速度不过关基本就等于废了&#xff0c;所以网站上线前测试速度很重要&#xff0c;一般来说网站5秒内打开都是可以接受的&#xff0c;其实我觉得能三秒内打开是最好的。有的朋友觉得自己测…

站长吧asp工具设置_做网站必看:这些网络推广seo工具很不错.

在网络优化的工作中&#xff0c;为了减轻站长们的工作任务&#xff0c;提高他们的工作效率&#xff0c;会采用一些seo工具。俗话说不会用网络推广seo工具的站长不是好站长&#xff0c;要善于利用工具达到效果。1、 站长工具站长工具&#xff0c;是每一位站长都不陌生的工具&…

多布局怎么搭建_为什么网站要做SEO优化?怎么优化比较好?

在竞争激烈的互联网环境中&#xff0c;企业与企业之间的较量除了技能、质量外&#xff0c;还存在一个最重要的竞争---流量的获取。如何降低获客成本&#xff0c;如何让自己的网站排名靠前&#xff0c;如何以最快的速度实现产品/服务的变现等等&#xff0c;成为了众多企业们急迫…

这个网站可以看到古代诗人轨迹地图

在博客上看到一个很有意思的网站分享&#xff0c;能够看到古代诗人的轨迹地图。&#xff08;mark一下&#xff09; 这是一张“唐宋文学编年地图”&#xff0c;尚在测试阶段&#xff0c;数据及界面还在进一步完善。 我们知道&#xff0c;古代交通远没有如今这么发达&#xff0c;…

怎么判断一个网站是不是伪静态

0x0前言&#xff1a; 在渗透测试的时候我们得判断脚本语言&#xff0c; 动态网站的后缀名为脚本语言的后缀 如 php asp jsp aspx py 静态网站的后缀 如 html htm shtml 等.... 0x01正文&#xff1a; 通过查看网站最后修改时间就能判断网站是不是伪静态 我们拿博客园来做例子 原…