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
Vue keeps the user logged in (various token storage methods)
Table of contents How to set cookies Disadvantage...
How to Choose the Perfect Aloe Vera Gel? Perfect Aloe Vera Gel How to Identify Authenticity and Fakeness
The latest Perfect Aloe Vera Gel packaging box ha...
Perfect solution for JavaScript front-end timeout asynchronous operation
Table of contents What happens if a piece of code...
Detailed tutorial on using cmake to compile and install mysql under linux
1. Install cmake 1. Unzip the cmake compressed pa...
JavaScript implements asynchronous acquisition of form data
This article example shares the specific code for...
The best explanation of HTTPS
Good morning everyone, I haven’t updated my artic...
MySQL 8.0.14 installation and configuration method graphic tutorial (general)
MySQL service 8.0.14 installation (general), for ...
Detailed explanation of nginx anti-hotlink and anti-crawler configuration
Create a new configuration file (for example, go ...
How to dynamically add ports to Docker without rebuilding the image
Sometimes you may need to modify or add exposed p...
How to deploy HTTPS for free on Tencent Cloud
Recently, when I was writing a WeChat applet, the...
A magical MySQL deadlock troubleshooting record
background Speaking of MySQL deadlock, I have wri...
CSS3 realizes various graphic effects of small arrows
It’s great to use CSS to realize various graphics...
HTML table tag tutorial (3): width and height attributes WIDTH, HEIGHT
By default, the width and height of the table are...
Detailed explanation of the use of MySQL group links
Grouping and linking in MYSQL are the two most co...
How to install docker under centos and remotely publish docker in springboot
Table of contents 1. Installation of JDK1.8 under...