border-radius 兼容 IE8浏览器

简介: border-radius 兼容 IE8浏览器

我们都知道,前端开发最让人头疼的事情,就是兼容ie系列的浏览器了,不但麻烦还让人头秃,今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面,border-radius这个属性是不起作用的,这个时候,就需要进行一些处理了,首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件

下载完成之后,将PIE.js文件引入

<script src="PIE.js"></script>

并且在样式里面引入PIE.htc文件,注意一下文件的路径

border-radius: 4px;
 /*关键属性设置 需要把路径设置好*/
behavior: url(PIE.htc);  

参考代码如下所示:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>IE8浏览器兼容border-radius</title>
   <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="PIE.js"></script>
    <style>
        .btn {      
            width: 80px;
            height: 30px;
            line-height: 30px;
            background: #6EBF00;
            color: #FFFFFF;
            cursor: pointer;
            text-align: center;
            border-radius: 4px;
            /*关键属性设置 需要把路径设置好*/
            behavior: url(PIE.htc);         
        }
    </style>
</head>
<body>
<div class="btn">按钮</div>
<script>
</script>
</body>
</html>

这个时候打开IE8浏览器,就可以看到,border-radius起作用了。


相关文章
|
7月前
|
Web App开发 前端开发 JavaScript
|
4天前
|
存储 机器人
在阿里云RPA中,你可以通过以下步骤来更改默认唤醒IE浏览器的地址
【2月更文挑战第28天】在阿里云RPA中,你可以通过以下步骤来更改默认唤醒IE浏览器的地址
25 1
|
8月前
|
Web App开发 XML 编解码
IE浏览器下载文件中文文件名乱码问题解决
IE浏览器下载文件中文文件名乱码问题解决
92 0
|
4天前
|
前端开发 JavaScript API
如何让 Websocket兼容低版本浏览器
如何让 Websocket兼容低版本浏览器
74 2
|
4天前
|
Web App开发 JavaScript 前端开发
JavaScript在IE和标准浏览器下的兼容性处理
JavaScript在IE和标准浏览器下的兼容性处理
46 0
|
6月前
|
Web App开发 移动开发 安全
IE浏览器,和Edge浏览器
IE浏览器,和Edge浏览器
|
6月前
|
JavaScript
兼容IE浏览器
兼容IE浏览器
38 0
|
8月前
|
JSON JavaScript 前端开发
基于FlashWavRecorder实现IE11浏览器录音后用科大讯飞转文字
基于FlashWavRecorder实现IE11浏览器录音后用科大讯飞转文字
60 0
|
8月前
|
编解码 网络协议 开发工具
IE浏览器下如何低延迟播放RTSP或RTMP流
首先,虽然本文是介绍IE浏览器下OCX控件播放RTSP或RTMP,但这种方式并不推荐,毕竟它只能用于IE浏览器环境下,局限太大,而且随着微软IE浏览器的更新,不确定后续支持情况。当然,话说回来,如果是在特定的使用场景下,只需要某些版本IE浏览器支持,但对延迟和稳定性要求非常高,OCX控件方式也不失为一个好的选择。
103 1
|
8月前
|
编解码 网络协议 开发工具
如何在IE浏览器播放RTSP或RTMP流
好多开发者一直苦恼于如何在IE浏览器环境下,构建低延迟的RTSP或RTMP播放,对于RTSP流来说,好多公司通常的做法是把RTSP转RTMP,然后分发到RTMP服务器,然后服务器转http-flv出来,浏览器直接播放http-flv流,亦或通过flash控件直接播放RTMP流,还有就是,转hls流出来,缺点是hls流延迟更大。
296 0