Home Web Front-end CSS Tutorial 10 recommended articles on compatibility processing

10 recommended articles on compatibility processing

Jun 11, 2017 pm 02:57 PM

The compatibility of CSS with browsers sometimes gives people a headache. Perhaps when you understand the techniques and principles, you will find it is not difficult. I have collected and compiled the compatibility methods of IE7, 6 and Fireofx from the Internet. Take a look. For the transition to web2.0, please try to write code in xhtml format, and DOCTYPE affects CSS processing. As a W3C standard, DOCTYPE must be added. CSS skills 1. Vertical centering problem of p vertical-align:middle; Increase the line spacing to line-height:200px as high as the entire p; then insert the text and it will be vertically centered. The disadvantage is that the content must be controlled without wrapping. 2. The problem of doubling the margin. If p is set to float, the margin set under IE will be doubled. This is a bug that exists in ie6. The solution is to add display:inline; to this p. For example: <#p id="imfloat"> The corresponding css is #IamFloat{ float

1. How to solve Summary of css browser compatibility issues

10 recommended articles on compatibility processing

##Introduction: CSS’s browser compatibility sometimes makes people confused It's a headache. Maybe when you understand the techniques and principles, you will find it is not difficult. I collected the compatibility methods of IE7, 6 and Fireofx from the Internet and sorted them out. For the transition to web2.0, please try to use xhtml Write code in the format, and DOCTYPE affects CSS processing. As a W3C standard, you must add DOCTYPE declaration

2. In-depth understanding of the flex compatibility of the CSS series

10 recommended articles on compatibility processing

Introduction: As the number of pages I have written increases, I have also encountered many CSS compatibility issues. These compatibility issues are inevitable because technology is constantly advancing, so in order not to be eliminated, we must do some compatibility processing. This article mainly introduces the compatibility of flex in CSS. Friends in need can refer to it. Let’s take a look together.

3. Detailed introduction to the compatibility processing of HTML5 new tags (picture)

10 recommended articles on compatibility processing

Introduction: Although the new semantic tags of HTML5 have many benefits, there are still compatibility issues in older versions of IE browsers, which often make people feel headaches. In the end, it is a bold use. New tags or use the traditional large number of DIV meaningless tags? Today we will briefly take a look at the compatibility of H5 new tags.

4. Download download file IE compatibility processing method introduction

10 recommended articles on compatibility processing

Introduction: This article explains in detail the method of downloading files for IE compatibility processing

5. How to use bootstrap IE8 compatibility processing

10 recommended articles on compatibility processing

Introduction: This article explains in detail how to use bootstrap IE8 compatibility processing

6. Detailed explanation of rgba compatibility processing method

10 recommended articles on compatibility processing

##Introduction: This article Detailed explanation of rgba compatibility processing method

7.

Detailed explanation of the progress bar progress element in HTML5 and sample code for compatibility processing

10 recommended articles on compatibility processing

Introduction: HTML5 can use the progress tag to directly add a progress bar to the page. This is quite exciting, but the default display effect under each browser will be different. Differences, here we will take a look at the introduction and compatibility treatment of the progress element of the progress bar in HTML5

8. [Web front-end development] Browser compatibility processing encyclopedia_html/css_WEB-ITnose

Introduction: [Web front-end development] Browser Compatibility Processing Collection

9. class_core.php module performance white paper

##Introduction: class_core.php module Functional white paper Source/class/class_core.php is the general initialization module program of Discuz!, which is referenced by almost all external codes. Before you start plug-in design, you can first have a certain understanding of the general function of this module. class_core.php mainly completes the following tasks: Judgment and compatibility processing have been made for different PHP and operating system environments, making

10. class_core.php Module Performance White Paper

Introduction: class_core.php module function white paper source/class/class_core.php is the universal initialization module program of Discuz!, which is referenced by almost all external codes. Before you start plug-in design, you can first check the module Have a certain understanding of its general functions. class_core.php mainly completes the following tasks: Judgment and compatibility processing of different PHP and operating system environments, making Dis

[Related Q&A recommendations]:

javascript - Cannot set property 'display' of undefined or null reference, IE11

javascript - js selector doubt

javascript - What should I pay attention to when dealing with compatibility between mobile terminals and PC terminals?

Questions about js selector?

#How to handle compatibility with old versions of browsers in Js modern event processing method?

The above is the detailed content of 10 recommended articles on compatibility processing. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Stacked Cards with Sticky Positioning and a Dash of Sass Stacked Cards with Sticky Positioning and a Dash of Sass Apr 03, 2025 am 10:30 AM

The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll.

Google Fonts   Variable Fonts Google Fonts Variable Fonts Apr 09, 2025 am 10:42 AM

I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference

How to Create an Animated Countdown Timer With HTML, CSS and JavaScript How to Create an Animated Countdown Timer With HTML, CSS and JavaScript Apr 11, 2025 am 11:29 AM

Have you ever needed a countdown timer on a project? For something like that, it might be natural to reach for a plugin, but it’s actually a lot more

Why are the purple slashed areas in the Flex layout mistakenly considered 'overflow space'? Why are the purple slashed areas in the Flex layout mistakenly considered 'overflow space'? Apr 05, 2025 pm 05:51 PM

Questions about purple slash areas in Flex layouts When using Flex layouts, you may encounter some confusing phenomena, such as in the developer tools (d...

How to select a child element with the first class name item through CSS? How to select a child element with the first class name item through CSS? Apr 05, 2025 pm 11:24 PM

When the number of elements is not fixed, how to select the first child element of the specified class name through CSS. When processing HTML structure, you often encounter different elements...

HTML Data Attributes Guide HTML Data Attributes Guide Apr 11, 2025 am 11:50 AM

Everything you ever wanted to know about data attributes in HTML, CSS, and JavaScript.

A Proof of Concept for Making Sass Faster A Proof of Concept for Making Sass Faster Apr 16, 2025 am 10:38 AM

At the start of a new project, Sass compilation happens in the blink of an eye. This feels great, especially when it’s paired with Browsersync, which reloads

See all articles