Home > Web Front-end > HTML Tutorial > How to solve website compatibility? Three ways to solve compatibility

How to solve website compatibility? Three ways to solve compatibility

云罗郡主
Release: 2018-10-11 09:48:00
forward
7917 people have browsed it

The content of this article is about how to solve website compatibility? The three ways to solve compatibility have certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

How to solve website compatibility? Three ways to solve compatibility

1. Clear floating compatibility (lower version browser incompatibility issues)

.clearfix:after{
  content:"";
  clear:both;
  display:block;
  visibility:hidden;
  height:0;
}
.clear{
       *zoom:1;
}
Copy after login

2. Transparency compatibility

opacity:0.3;
filter:alpha(opacity=30);
Copy after login

3. Compatibility issues of various foreign browsers in CSS3

The cores of domestic browsers are all Google

Chrome’s prefix-webkit-

Firefox’s prefix-moz-

IE’s prefix-ms-

Opera’s prefix -o-

The above is how to solve the problem of website compatibility? A full introduction to the three methods of compatibility resolution. If you want to know more about htmltutorial, please pay attention to the PHP Chinese website.

The above is the detailed content of How to solve website compatibility? Three ways to solve compatibility. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:cnblogs.com
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template