ie8怎么兼容css圆角
时间: 2023-10-25 15:24:47 浏览: 93
IE8不支持CSS3的圆角属性,但可以使用CSS Hack或JavaScript来实现圆角效果。以下是一些方法:
1. 使用CSS Hack:
```
border-radius: 5px; /* 其他浏览器 */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
-moz-border-radius: 5px; /* Firefox */
-ms-border-radius: 5px; /* IE9+ */
/* IE8 */
behavior: url(border-radius.htc);
```
其中,`border-radius.htc`是一个JavaScript文件,可以从以下链接下载并引入:
https://code.google.com/archive/p/curved-corner/downloads
2. 使用JavaScript:
可以使用JavaScript来实现圆角效果,例如:
```
<div id="myDiv"></div>
<script>
var myDiv = document.getElementById("myDiv");
myDiv.style.borderRadius = "5px";
myDiv.style.webkitBorderRadius = "5px";
myDiv.style.mozBorderRadius = "5px";
myDiv.style.msBorderRadius = "5px";
</script>
```
这样就可以在IE8中显示圆角效果了。
阅读全文