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)

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

It&#039;s out! Congrats to the Vue team for getting it done, I know it was a massive effort and a long time coming. All new docs, as well.

Building an Ethereum app using Redwood.js and Fauna Building an Ethereum app using Redwood.js and Fauna Mar 28, 2025 am 09:18 AM

With the recent climb of Bitcoin’s price over 20k $USD, and to it recently breaking 30k, I thought it’s worth taking a deep dive back into creating Ethereum

Can you get valid CSS property values from the browser? Can you get valid CSS property values from the browser? Apr 02, 2025 pm 06:17 PM

I had someone write in with this very legit question. Lea just blogged about how you can get valid CSS properties themselves from the browser. That&#039;s like this.

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.

A bit on ci/cd A bit on ci/cd Apr 02, 2025 pm 06:21 PM

I&#039;d say "website" fits better than "mobile app" but I like this framing from Max Lynch:

Comparing Browsers for Responsive Design Comparing Browsers for Responsive Design Apr 02, 2025 pm 06:25 PM

There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be writing

Using Markdown and Localization in the WordPress Block Editor Using Markdown and Localization in the WordPress Block Editor Apr 02, 2025 am 04:27 AM

If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it?

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...

See all articles