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
The best way to start a jar package project under Centos7 server
Preface Everyone knows how to run a jar package o...
Complete steps to install boost library under linux
Preface The Boost library is a portable, source-c...
Summary of common Linux distribution mirror source configuration
I have been researching Linux recently and tried ...
Vue+thinkphp5.1+axios to realize file upload
This article shares with you how to use thinkphp5...
CSS3 uses scale() and rotate() to achieve zooming and rotation
1. scale() method Zoom refers to "reducing&q...
Docker uses Git to implement the detailed process of Jenkins release and test projects
Table of contents 1. Install Docker 2. Create a c...
How to configure the My.ini file when installing MySQL5.6.17 database
I recently used the MySql database when developin...
Key knowledge summary of Vue development guide
Table of contents Overview 0. JavaScript and Web ...
12 Javascript table controls (DataGrid) are sorted out
When the DataSource property of a DataGrid control...
Detailed tutorial on installing Prometheus with Docker
Table of contents 1. Install Node Exporter 2. Ins...
Solution to uninstalling Python and yum in CentOs system
Background of the accident: A few days ago, due t...
Summary of problems encountered in the implementation of Vue plug-ins
Table of contents Scene Introduction Plugin Imple...
MySQL Installer 8.0.21 installation tutorial with pictures and text
1. Reason I just needed to reinstall MySQL on a n...
4 Ways to Quickly Teach Yourself Linux Commands
If you want to become a Linux master, then master...
Complete step record of Vue encapsulation of general table components
Table of contents Preface Why do we need to encap...