3 solutions to make your website support old versions of IE6, 7, 8, and 9 browsers

Although Microsoft has done a lot of research and development on the browser later, the fact is that the modern IE browser is often behind the webkit-based browsers and Firefox. We also need to adapt to earlier versions of IE. The following tips will make your website faster and even run magically better on Microsoft’s flagship browser!

htmlshiv.js

Remy's HTML5shiv uses JavaScript to create HTML5 elements (such as main, header, footer, etc.). Elements created through JavaScript are styleable to a certain extent. We can spend a lot of time thinking about how this works, but who cares? This strategy is still a must-have on all product websites.

Copy code

The code is as follows:

selectivizr.js

Selectivizr.js is an incredible resource for polyfilling unsupported CSS selectors and properties, including the important last-child. In a recent redesign, I embedded selectivizr and didn't miss any details on older IE browsers. Here is my implementation code:

Copy code

The code is as follows:

An absolute must for modern projects. Only loaded in old IE

<html> Conditional Comments

You must have seen the most tacky situation below. But ugly or not, this code actually works exactly as expected:

Copy code

The code is as follows:

<!DOCTYPE html>




 <html lang="en">

This code snippet doesn't require or wait for JavaScript, and doesn't require a heavyweight JavaScript library. The styles class you define takes effect immediately, without any splash screen.

Although Internet Explorer is catching up with its competitors, the fact is that the older IE browser is still relatively popular, especially in developing countries. The good news is that these resources work great on all modern browsers and don’t cost much!

<<: A detailed introduction to Linux system operation levels

>>: About the problem of vertical centering of img and span in div

MySQL 5.7.23 decompression version installation tutorial with pictures and text

Solve the problem of "Welcome to nginx on Fedora!" after installing nginx on Centos7, and there is no default.conf file in the conf.d directory

Problem Description Install nginx on Tencent Clou...

3 solutions to make your website support old versions of IE6, 7, 8, and 9 browsers

MySQL 5.7.23 decompression version installation tutorial with pictures and text

Difference between querySelector and getElementById methods in JS

Front-end vue+express file upload and download example

The difference and advantages and disadvantages of Mysql primary key UUID and auto-increment primary key

This article summarizes the specific use of CSS two-column layout and three-column layout

React+axios implements github search user function (sample code)

Detailed explanation of how Angular handles unexpected exception errors

In-depth analysis of why MySQL does not recommend using uuid or snowflake id as primary key

Building a selenium distributed environment based on docker

Detailed steps to build the TypeScript environment and deploy it to VSCode

Recommend

Linux service monitoring and operation and maintenance

MySQL Flush-List and dirty page flushing mechanism

Application of Beautiful Style Sheets in XHTML+CSS Web Page Creation

CSS fills the parent container div with img images and adapts to the container size

Docker private repository management and deletion of images in local repositories

MySQL Constraints Super Detailed Explanation

Solution to IDEA not being able to connect to MySQL port number occupation

Summary of tips for setting the maximum number of connections in MySQL

Install and configure MySQL under Linux

Summary of MySQL log related knowledge

CSS3 Tab animation example background switching dynamic effect

Index Skip Scan in MySQL 8.0

JS 4 super practical tips to improve development efficiency

Detailed description of ffmpeg Chinese parameters

Solve the problem of "Welcome to nginx on Fedora!" after installing nginx on Centos7, and there is no default.conf file in the conf.d directory