• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 浅析border-radius如何兼容IE_html5教程技巧

浅析border-radius如何兼容IE_html5教程技巧

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含border-radius,兼容IE等相关知识,匿名希望在学习及工作中可以帮助到您
目前而言firefox,opera,chrome等主流浏览器都已经支持border-radius属性,唯独IE8以及之前。

解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc);

  1. >
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>border-radius兼容IEtitle>
  6. <style>
  7. .d1{
  8. width: 5em;
  9. height:5em;
  10. background: #e4393c;
  11. /*防止浏览器版本过低*/
  12. -moz-border-radius: 50%;
  13. -webkit-border-radius: 50%;
  14. border-radius: 50%;
  15. /*解决IE*/
  16. behavior: url(ie-css3.htc);
  17. }
  18. style>
  19. head>
  20. <body>
  21. <div class="d1">div>
  22. body>
  23. html>

以上这篇浅析border-radius如何兼容IE就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能想查找下面的文章:

  • 浅析border-radius如何兼容IE
  • 浅析border-radius如何兼容IE_html5教程技巧

相关文章

  • 2018-12-03HTML5学习笔记(四)-列表, 块和布局代码实例
  • 2018-12-03HTML5+CSS3绘制锯齿状的矩形_html5教程技巧
  • 2018-12-03H5文件异步上传
  • 2018-12-03H5的FileReader怎样分布读取文件
  • 2018-12-03H5+WebSocket多文件同时上传
  • 2018-12-03整理HTML5中表单的常用属性及新属性_html5教程技巧
  • 2018-12-03html5 WebSocket在jetty7中实现的代码分享
  • 2018-12-03原型设计ui设计h5类等生产工具大爆发,设计师们应该何去何从?
  • 2018-12-03HTML5开源游戏引擎lufylegend1.7.1发布
  • 2018-12-03HTML5 Web Workers

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 使用HTML5/CSS3五步快速制作便签贴特效代码示例分享(图文)
    • 基于HTML5的CSS框架组件BootFlat的图文介绍
    • H5在Canvas中实现自定义路径动画
    • HTML5/CSS3 经典案例-无插件拖拽上传图片(一)
    • html5适合移动应用开发的12大特性_html5教程技巧
    • HTML5 对各个标签的定义与规定:article
    • 很酷的HTML5电子书翻页动画特效_html5教程技巧
    • Html5游戏框架createJS组件-EaselJS详解
    • 简单的Material Design风格手机App菜单特效
    • html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有