效果图：
点击查看效果：http://www.miiceic.org.cn/ios/
<!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=gb2312" />
<title>iPhone与iPad开发实战</title>
</head>
<script type="text/javascript" src="http://www.miiceic.org.cn/templets/new/images/curvycorners.js"></script>
<style>
.roundedCorners{width: 101px;height:101px;background-color: #e9e9e9;border:1px solid #ccc;-webkit-border-radius: 6px;-moz-border-radius: 6px;float:left;}
.jpkctsaleftimg{ text-align:center; padding-top:20px;}
.jpkctsalefttxt{ text-align:center; padding-top:5px; font-size:14px; font-weight:bold;}
</style>
<body>
<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 6 },
tr: { radius: 6 },
bl: { radius: 6 },
br: { radius: 6 },
antiAlias: true
}
curvyCorners(setting, ".roundedCorners");
}
</script>
<div class="roundedCorners"><div class="jpkctsaleftimg"><img src="http://www.miiceic.org.cn/templets/new/images/jpjc.png" width="48" height="48" /></div>
<div class="jpkctsalefttxt">基础</div></div>
</body>
</html>
点击查看效果：http://www.miiceic.org.cn/ios/
- 大小: 2.8 KB
分享到：
相关推荐
在网页设计中，"div圆角兼容ie8"是一个关键的话题，涉及到CSS3中的圆角属性在老版本Internet Explorer（尤其是IE8）上的兼容性问题。IE8是微软推出的一个较为古老的浏览器版本，它并不完全支持CSS3的新特性，比如...
本文将深入探讨如何利用CSS3实现圆角、阴影和渐变效果，并确保这些效果在包括IE在内的主流浏览器中都能得到良好的兼容性。 首先，我们来讨论CSS3的圆角效果。在CSS3之前，为了实现圆角，开发者通常需要使用大量的...
总结来说，`css3.htc`是一种为IE8实现CSS3圆角边框的技术，通过`behavior`属性将JavaScript代码注入浏览器，实现对非标准属性的支持。然而，由于其局限性和现代浏览器的广泛兼容性，这种技术在当前的开发实践中已...
为了实现在不同浏览器中的圆角兼容性，我们需要采用一种混合的方法，即结合使用 CSS3 的 `border-radius` 属性和 JavaScript 库来处理那些不支持 CSS3 圆角特性的浏览器。具体来说： 1. **CSS3 圆角属性**：大多数...
"js解决圆角兼容"这一主题就是针对这个问题，通过JavaScript来实现跨浏览器的圆角效果。 在CSS3出现之前，如果想要在IE6、IE7等老版本浏览器中实现圆角，通常需要使用图片或者复杂的CSS Hack。然而，这种方法不仅...
【CSS实现圆角边框代码 兼容IE、火狐】 在网页设计中，实现圆角边框可以提升页面的视觉效果，同时增加现代感。早期，为了在不同浏览器（如IE、火狐）间实现圆角边框的兼容性，开发者会使用图片或者JavaScript来实现...
总的来说，虽然IE6-IE8不原生支持CSS3的圆角和阴影效果，但通过JavaScript库、图片背景、CSS Hack以及渐进增强的方法，我们可以使这些旧版浏览器也能呈现出类似的效果。在实际项目中，应根据项目需求和目标用户群的...
在网页设计中，实现圆角效果是常见的需求，但在早期的IE浏览器中，由于CSS3标准的支持不足，单纯使用CSS无法很好地实现这一效果。本文将详细介绍如何使用JavaScript（包括jQuery库）来解决IE浏览器的圆角问题。 ...
在页面头部引入PIE.js和PIE.css，并添加特定的CSS类，就可以实现IE的圆角兼容。 例如，对于一个元素，我们可以这样写CSS： ```css .your-element { border-radius: 10px; behavior: url(/path/to/PIE.htc); } ``...
综上所述，实现IE6等旧版浏览器的圆角效果需要采用一些非标准的方法，如VML、CSS Behavior、JavaScript库或图片切片。随着现代浏览器的普及，这些技术逐渐被淘汰，但了解它们对于处理遗留项目仍然有价值。在实际开发...
文件名`iecss3`可能包含的是一个解决IE圆角问题的CSS3兼容库或者是一些示例代码，它可能通过CSS滤镜或者其他技术帮助开发者在IE浏览器上实现圆角效果。使用这类资源可以帮助开发者节省时间并确保在不同浏览器中的...
总之，"corner.js"是一个专为实现圆角图片效果而设计的JavaScript库，尤其适用于需要兼容IE9及以下版本的项目。通过引入此库，开发者可以轻松地为图片添加圆角效果，提升网页的视觉表现。随着技术的进步，虽然CSS3的...
总的来说，CurvyCorners作为一个纯JavaScript实现的圆角边框解决方案，为那些需要在老版本IE中实现圆角效果的开发者提供了一种实用且灵活的选择。虽然随着浏览器的更新迭代，CSS3的border-radius已经得到了广泛支持...
在网页设计中，实现元素的圆角效果以及动态换肤是常见的需求，尤其在JavaScript（JS）的帮助下，这些功能可以轻松地实现，并且能够确保在不同的浏览器之间具有良好的兼容性。"js换肤圆角代码兼容各个浏览器"这个主题...
这个插件通过JavaScript动态生成SVG或者VML（在IE6和IE7中）图形，来模拟圆角，从而在各种浏览器中保持一致的显示效果。 要使用jQuery CurvyCorners插件，首先你需要在HTML文件中引入jQuery库和CurvyCorners插件的...
总之，"圆角-ie8.rar"压缩包提供了一种在IE8浏览器中实现圆角效果的方法，这在当前现代浏览器广泛支持CSS3的环境下，对维护旧网站或兼容旧版浏览器的项目尤其有价值。通过学习和理解这些技术，我们可以确保我们的...
本文将深入探讨如何解决IE浏览器对CSS3圆角和阴影的不兼容性问题。 首先，我们来理解CSS3中的圆角和阴影特性。圆角可以通过`border-radius`属性实现，它允许我们将直角边框转变为平滑的曲线边缘，为元素添加更为...
在本篇文章中，我们将深入探讨如何使用 JavaScript 实现图片圆角，包括基本方法、阴影效果以及其他一些相关特效。 1. CSS 首选方案： 在现代浏览器中，CSS3 提供了 `border-radius` 属性，可以轻松地为图片添加圆角...
本篇文章将详细探讨JavaScript实现倒圆角以及解决IE6下PNG图片阴影的兼容性问题。 首先，我们来讨论JavaScript实现倒圆角的方法。在CSS3中，我们可以使用`border-radius`属性轻松创建倒圆角效果，但IE6至IE8并不...
在互联网的早期，由于浏览器兼容性问题，开发者经常面临各种挑战，其中之一就是在IE6到IE8这些较旧版本的浏览器中实现图片的圆角效果。标题"解决IE浏览器图片圆角"指向的就是这个历史问题以及如何克服它。在这个时代...