`
highfly-s
  • 浏览: 100401 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

兼容各个浏览器的圆角插件

阅读更多

看看如何调用:
1、在你的网页加载 PIE.js 脚本。
注意,用IE专用的注释,防止非IE浏览器下载。
<!--[if lt IE 10]>
<script type="text/javascript" src="PIE.js"></script>
<![endif]-->
 
2、用js 调用:
$(function() {
    if (window.PIE) {
        $('.rounded').each(function() {
            PIE.attach(this);
        });
    }
});
3、已经搞定了。
在让 IE6支持 CSS3 的所有插件中,这个应该是最好的插件了。
 
官方实时测试例子:http://css3pie.com/
官方下载:http://css3pie.com/download-latest
 
测试了半天也不行,谁知太大意了,忽略了两点,一是在本地预览无效,得传到服务器环境下,或者本地服务器环境,二是在css里忘记加behavior: url(pie.htc);造成的。今天终于测试可用了,但新的问题又来了,我用的是自适应宽度,加上后会出现横向滚动条,去掉就好了,其他情况下正常,而且对文字阴影好像没有效果,不知道大家遇到这样的问题没有,如想使用的朋友可以试试吧,

分享到:
评论

相关推荐

    jQuery圆角插件,实现兼容浏览器圆角效果

    但是这些方法在实现的过程中,总是会增加很多无谓的工作任务,而且还有可能无法做到浏览器之间的兼容性,那么就介绍一个非常简单的jQuery圆角实现效果吧,说是圆角有点小看它了,因为它可以实现的不止是圆角,看这...

    js换肤圆角代码兼容各个浏览器

    "js换肤圆角代码兼容各个浏览器"这个主题正是关注于如何在包括IE、Firefox等在内的多种浏览器上实现这些功能。 1. **圆角效果的实现**: - CSS3中的`border-radius`属性是现代浏览器支持的标准方法,可以设置元素...

    兼容所有浏览器的 Jquery 圆角插件,可配置

    总的来说,这个兼容所有浏览器的jQuery圆角插件是前端开发者实现跨浏览器圆角效果的一个实用工具。通过理解其使用方法和实现原理,开发者可以更灵活地在项目中应用,并根据需要进行定制和优化。

    jq 实现圆角插件

    总之,jQuery圆角插件是解决跨浏览器圆角问题的一种有效方式。通过学习和实践,我们可以灵活地为网页元素添加圆角效果,提升用户体验。而"jQuery圆角插件demo页面 张鑫旭-鑫空间-鑫生活.htm"中的示例和资源将帮助...

    jQuery插件之圆角插件.

    总结来说,jQuery圆角插件提供了一种简单且跨浏览器的方法来为HTML元素添加圆角效果,从而提升了网页的视觉吸引力。通过灵活的参数配置,开发者可以根据需求定制出各种风格的圆角效果,极大地提高了开发效率。在实际...

    jQuery圆角插件:jquery.corners.js

    总结一下,`jquery.corners.js`是jQuery的一个圆角插件,它使开发者能够轻松地在网页元素上实现圆角效果,尤其对不支持CSS3的浏览器有很好的兼容性。通过调用`corners()`方法并配置相应的参数,我们可以创建各种...

    jquery圆角插件

    7. **与其他库的兼容性**:优秀的jQuery圆角插件应具备良好的库兼容性,即使页面中同时使用了其他jQuery插件,也能和谐共存。 在实际应用中,我们可以结合HTML、CSS和jQuery,通过类名、ID或其他选择器来指定需要...

    jQuery Canvas Rounded Corners - jQuery圆角插件

    而`jquery.corners.js`则是jQuery圆角插件的主要脚本,它包含实现圆角效果的函数和逻辑。 在页面中引入这些文件后,可以通过jQuery选择器选取需要添加圆角效果的元素,并调用`.corners()`方法来应用插件。例如: `...

    ie各版本兼容解决插件

    本文将深入探讨IE浏览器从6到9各个版本之间的兼容性问题,并介绍一种通过JavaScript(js)实现的解决策略。 IE6至IE9的兼容性问题主要体现在以下几个方面: 1. **CSS兼容性**:每个版本对CSS的支持程度不同,如...

    jquery 圆角插件

    总结来说,jQuery圆角插件是基于jQuery的一个强大工具,它使创建圆角效果变得简单,适用于那些希望快速开发且需兼容多种浏览器的项目。尽管现代浏览器已经原生支持CSS3的border-radius,但该插件在处理旧浏览器兼容...

    jQuery圆角插件

    值得注意的是,虽然现代浏览器普遍支持CSS3的border-radius属性,可以直接实现圆角效果,但考虑到老版本浏览器的兼容性,jQuery圆角插件仍然是一个实用的解决方案。此外,对于那些不支持JavaScript的用户,使用此...

    IE兼容性插件

    在互联网技术日新月异的时代,浏览器的兼容性问题一直是开发者面临的一大挑战。...然而,随着IE浏览器市场份额的逐渐减少和现代浏览器的普及,开发者也应考虑逐步减少对这类插件的依赖,转向更兼容、更高效的技术栈。

    js解决圆角兼容

    - 兼容性处理:对于不支持`border-radius`的浏览器,如IE6、IE7,可以使用jQuery Corner插件或其他类似的库,它们会生成CSS表达式来模拟圆角效果。 2. **jQuery Corner插件** jQuery Corner是常用的JavaScript...

    jquery corners 圆角插件

    《jQuery Corners圆角插件详解与应用》 在网页设计中,圆角效果往往能够为界面增添一份优雅和精致,然而在CSS2时代,实现圆角并非易事,需要编写大量的CSS代码。jQuery Corners插件的出现,极大地简化了这一过程,...

    如何让css在所有浏览器下兼容

    ### 如何让CSS在所有浏览器下兼容 在Web开发领域,确保CSS代码能够在不同浏览器上稳定运行是一项重要的技能。本文将详细介绍如何使CSS在各种浏览器(包括但不限于IE6、IE7、IE8以及现代浏览器如Firefox和Chrome)下...

    jquery 圆角插件 jquery-corners-0.3.zip

    在jQuery-corners插件中,我们可以看到它提供的主要功能是通过CSS3的border-radius属性来实现元素的圆角效果,对于不支持此属性的老版本浏览器,它会使用内嵌的图片或者JavaScript动态创建元素来模拟圆角。...

    Jquery实现圆角边框效果的源码

    总的来说,jQuery CurvyCorners插件是利用jQuery实现跨浏览器圆角边框效果的一种有效方法,它为那些不支持CSS3圆角的浏览器提供了补救措施。在实际开发中,根据项目需求和目标用户的浏览器使用情况,可以选择是否...

    如何用html5 和css3创建兼容就浏览器的作品集

    虽然CSS3带来了许多现代化的样式效果,如圆角、阴影、渐变等,但并非所有浏览器都支持这些新特性。为了确保在旧浏览器中也能呈现类似的效果,我们可以使用CSS3 PIE(Progressive Internet Explorer)工具或类似的...

Global site tag (gtag.js) - Google Analytics