圆角的兼容性做法

最新推荐文章于 2018-06-21 12:14:35 发布
最新推荐文章于 2018-06-21 12:14:35 发布
阅读量382 收藏
点赞数 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.rd_border{border:solid 3px #a6c2e2;position:relative;}
.rd{height:6px;width:6px;background-image: url(http://bbs.blueidea.com/attachment.php?aid=58387&noupdate=yes); position:absolute;}
.rd_1{background-position: 0px 0px; left:-3px; top:-3px;}
.rd_2{background-position: -6px 0px; right:-3px; top:-3px;}
.rd_3{background-position: 0px -6px; bottom:-3px; left:-3px;}
.rd_4{background-position: -6px -6px; bottom:-3px; right:-3px;}
-->
</style>
</head>
<body>
<div class="rd_border" style=" width:500px; height:500px;;">
<div class="rd rd_1"></div>
<div class="rd rd_2"></div>
<div class="rd rd_3"></div>
<div class="rd rd_4"></div>
</div>
</body>
</html>


huangm黄敏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
圆角框的兼容性
weixin_33913332的博客
01-14 135
一、传统圆角边框实现 利用纯CSS技术合成多张背景图片来解决， 优点：浏览器兼容ie8以下浏览器. 缺点：太过于复杂,放大后存在明显锯齿效果. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>传统圆角框实现&...
兼容性较好的圆角
weixin_30535167的博客
03-28 65
最近在写一个网站遇到了很多问题，下面写出来跟大家一起分享和讨论 1.圆角的产生 在最新的css3中有专门的圆角属性border-radius，代码如下： <div style="width: 100px;height: 30px;border-radius: 10px;border:1px solid seagreen">aaaa</div> 火狐下是-m...
CSS3圆角兼容性问题
weixin_34245082的博客
07-18 290
2019独角兽企业重金招聘Python工程师标准>>> ...
ie8如何兼容css3的圆角属性
m0_37400258的博客
02-17 1万+
刚入门，要兼容ie8，实现css3的一些效果，百度一番，得到的答案是用pie.css ； 首先pie.css有2个版本，使用方法也不一样，官网http://css3pie.com/的documentation对2个版本的js写法有具体介绍，我用的版本1，要实现ie8圆角属性的兼容； 下载好版本一，里面会有一个PIE.htc,还有一个PIE.js(主要用这2个文件)，我放到pie文件下的，然后代码
笔记：border-radius兼容写法
热门推荐
begieの笔記
05-24 1万+
radius div{ width:500px; height:300px; border:1px solid black; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;
圆角兼容所有浏览器方法
12-01
为了实现在不同浏览器中的圆角兼容性，我们需要采用一种混合的方法，即结合使用 CSS3 的 `border-radius` 属性和 JavaScript 库来处理那些不支持 CSS3 圆角特性的浏览器。具体来说： 1. **CSS3 圆角属性**：大多数...
css3兼容圆角
09-25
随着现代浏览器的普及，许多开发者已经不再使用`.htc`文件来处理IE8的兼容性问题，而是选择渐进增强或优雅降级的策略，即在不支持CSS3的浏览器中提供一个没有圆角的备用设计。另外，也可以使用CSS3条件注释（如`<!--...
css实现图片圆角 兼容所有浏览器实现代码
09-25
要实现图片的圆角效果并确保在所有主流浏览器中兼容显示，CSS提供了几种方式来...选择哪种方法取决于项目需求、目标浏览器的兼容性以及其他CSS特性的应用情况。在实际开发中，通常需要根据具体情况选择合适的技术方案。
div圆角兼容ie8
11-03
在网页设计中，"div圆角兼容ie8"是一个关键的话题，涉及到CSS3中的圆角属性在老版本Internet Explorer（尤其是IE8）上的兼容性问题。IE8是微软推出的一个较为古老的浏览器版本，它并不完全支持CSS3的新特性，比如...
js解决圆角兼容
07-11
在网页设计中，圆角效果可以为用户界面增添柔和与美观，但在早期的浏览器中，实现圆角并不简单，因为不同的浏览器对CSS属性的支持程度各异，导致了兼容性问题。"js解决圆角兼容"这一主题就是针对这个问题，通过...
PC端，浏览器兼容、IE兼容（圆角、阴影、透明）
好好做前端
06-19 1198
以下所有兼容性问题都是借鉴的 Danna_Danna 的一篇文章，因为文章时间比较长了，所以根据我自己的测试和查找，将会有一些小改变，自己写一遍，以后用起来好找，有一个整理的过程更安心。测试demo已上传：http://download.csdn.net/detail/qq_31164127/98746691、隐藏滚动条<body scroll='no'></body> /* 只支持ie7/杂项
让IE9以下的浏览器支持圆角及CSS3新特性
雄领IT的专栏
11-16 4252
在网上有同学问我：如何在IE9以下版本的浏览器支持圆角的特性。为了让大家在以后的工作中能够更快、更有效的解决这种问题，现在把一种最简单、最有效的解决方案总结给大家，希望能够帮助到你！【就两步搞定！】 第一步：下载一个重要的文件   ie-css3.htc，这种类型的文件只要IE才能够识别。 下载地址：http://download.csdn.net/detail/lxcao/9685089
css3渐变属性兼容性和div圆角属性兼容性
Sophiego的博客
01-19 981
一、渐变 最近开发页面使用到了css渐变和border-radius 属性，最初只是百度了一下方法，后经测试，在IE9中并不生效，又开始解决； 菜鸟驿站上标明了浏览器兼容 浏览器支持 表中的数字指定了完全支持该属性的第一个浏览器版本。 后边跟 -webkit-、-moz- 或 -o- 的数字指定了需加上前缀才能支持属性的第一个版本。 属性 IE
ie8及其以下版本兼容性问题之圆角
yishuihan_001的博客
06-21 5192
ie8及其以下版本兼容性问题之圆角
IE8圆角问题
llhswwha的专栏
06-21 4080
IE8不支持border-radius，无法实现圆角的效果。有个PIE插件，似乎能够达到让IE8支持圆角效果的。官网似乎是 http://css3pie.com/，但是官网上的效果，别说是IE8了，9、10、11都没有圆角啊。火狐和google浏览器也都没有，奇怪了！继续查找资料：https://www.zhangxinxu.com/wordpress/2010/07/pie%E4%BD%BFie...
linux项目开发001
最新发布
08-28
linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux项目开发linux
知识图谱-基于知识图谱实现的医生推荐系统-附项目源码-优质项目实战.zip
08-28
知识图谱_基于知识图谱实现的医生推荐系统_附项目源码_优质项目实战
知识图谱-基于知识图谱实现的多轮问答系统-附项目源码-优质项目实战.zip
08-28
知识图谱_基于知识图谱实现的多轮问答系统_附项目源码_优质项目实战
全国大学生电子设计大赛项目合集视频技术资料一种基于交通视频的摄像机标定方法
08-28
全国大学生电子设计大赛项目合集视频技术资料一种基于交通视频的摄像机标定方法提取方式是百度网盘分享地址
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值