Border-radius IE8 compatible processing method
|
According to canisue (http://caniuse.com/#search=border-radius), border-radius compatibility is shown in the following figure:
Test code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#header {
width: 400px;
height: 400px;
margin: 10px;
border-radius: 10px;
border: 1px solid red;
}
</style>
</head>
<body>
<div id="header">
</div>
</body>
</html>IE8 browser effect:
Border-radius is compatible with IE8 browser:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#header {
width: 400px;
height: 400px;
margin: 10px;
border-radius: 10px;
border: 1px solid red;
/*Key attribute settings require setting the path*/
behavior: url(PIE.htc);
}
</style>
</head>
<body>
<div id="header">
</div>
</body>
</html>Effect under IE8 browser:
PIE.HTC download address: http://css3pie.com/ PIE can handle some CSS3 properties, such as:
IE8: Compatibility is mainly: (1) CSS3 attributes are not supported. PIE.js is used to implement CSS3 effects. (2) Media query The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM. |
<<: Content-type description, that is, the type of HTTP request header
>>: How to understand SELinux under Linux
Recommend
MySQL 8.0.22 installation and configuration method graphic tutorial under Windows 10
MySQL 8.0.22 installation and configuration metho...
A brief discussion on the comparison of varchar, char and text in postgresql database
As shown below: name describe character varying(n...
Process parsing of reserved word instructions in Dockerfile
Table of contents 1. What is Dockerfile? 2. Analy...
MySQL 8.0.19 installation and configuration tutorial under Windows 10
I will be learning MySQL next semester. I didn...
Tomcat obtains the client domain name of Nginx reverse proxy
question After Nginx reverse proxy, the Tomcat ap...
Use image to submit the form instead of using button to submit the form
Copy code The code is as follows: <form method...
Advanced and summary of commonly used sql statements in MySQL database
This article uses examples to describe the common...
CSS Sticky Footer Several Implementations
What is "Sticky Footer" The so-called &...
Summary of Common Problems with Mysql Indexes
Q1: What indexes does the database have? What are...
Detailed steps for installing and using vmware esxi6.5
Table of contents Introduction Architecture Advan...
How to use DPlayer.js video playback plug-in
DPlayer.js video player plug-in is easy to use Ma...
Detailed analysis of MySQL 8.0 memory consumption
Table of contents 1. innodb_buffer_pool_size 2. i...
Six weird and useful things about JavaScript
Table of contents 1. Deconstruction Tips 2. Digit...
IDEA uses the Docker plug-in (novice tutorial)
Table of contents illustrate 1. Enable Docker rem...
VMware installation of Ubuntu 20.04 operating system tutorial diagram
Memo: Just experience it. Record: NO.209 This exa...