`
highfly-s
  • 浏览: 96077 次
  • 性别: 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圆角实现效果吧,说是圆角有点小看它了,因为它可以实现的不止是圆角,看这...

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

    本人写的一个专门将div元素变圆角的插件, 使用方法请见我的博客: http://blog.csdn.net/tbc168

    HTML圆角插件-curvycorners

    解决CSS3圆角兼容所有浏览器的方法,该脚本的最大优势是可以在Safari/Chrome/Firefox中使用原生的CSS3属性(通过-webkit-border-radius和-moz-border-radius私有属性分别支持)而在IE和Opera中使用JavaScript。...

    jQuery mbTabset 圆角Tab插件及示例代码.rar

    jQuery mbTabset Tab插件及示例代码,用来实现网页上的TAB选项卡效果,比较简洁的那种风格,来自国外的一款插件,本插件实现的TAb具有圆角的效果,美感更强,兼容性当然没的说的,在IE和火狐以及Chrome浏览器中都有...

    让IE6、7 、8支持CSS3新特性插件

    一个能让IE9一下的浏览器完美支持CSS样式新特性的插件,比如支持圆角,文字、元素阴影效果。

    jbox弹窗插件

    - 兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览器。备注:IE不支持边框的圆角样式,不推荐大家使用蛋痛的IE浏览器。 使用授权 - jBox 永久免费使用,但是必须保留相关的版权信息。如果有好的建议,请...

    冰极峰CSS圆角框插件(基于JavaScript)

    内容索引:脚本资源,Ajax/JavaScript,圆角 冰极峰CSS圆角框插件,基于JavaScript编写,不但可以完成网页元素边框的圆角化,还可以对图片进行圆角,而且兼容几乎所有的浏览器、 封装HTML结构,只需定义想要的结构就行...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    兼容各浏览器JS+CSS水平和垂直无缝图片滚动效果代码 12.漂亮暖色调js+flash平滑过渡大屏图片切换的广告代码 13.实用国外JS内容选项卡DEMO下载 14.推荐通用文字图片JS不间断滚动封装类 代替Marquee 15.站长...

    qTip 基于JQuery的Tooltip插件[兼容性好]

    qTip是一个实现圆角对话气泡框样式的Tooltip jQuery插件。支持多种浏览器,可定制,功能强大。

    切换开关:jQuery插件,用于纯图像,基于复选框的切换开关

    产品特点与大多数浏览器兼容,包括IE6 + 视网膜图像以支持iDevices 使用半透明的PNG叠加层,因此在所有浏览器中看起来都一样PNG叠加层将需要更新以在不同背景上使用(常规图像和视网膜图像均包含PSD) 按下开关本身...

    拼图(pintuer)前端框架(css框架) v1.0

    从移动设备扩大到平板、桌面电脑等设备,实现跨屏响应,兼容桌面浏览器的同时,更适应了移动互联网的潮流。 组件丰富、海量插件:拼图前端框架重新定义了CSS基础、常用元件及JS组件,可快速构架前端界面,实现跨屏...

    [原创]基于JQUERY的可绑定菜单列的工具栏控件

    花生米AJAX-UI系列之:基于JQUERY的GooToolbar工具栏类UI控件0.1版 特点: 可定义四个边框有没有显示 ... 经测试,兼容IE6--IE8,Firefox,chrome浏览器。在firefox,chrome里还支持圆角边框特效:)

    css_yuanjiao.rar_JavaScript/JQuery_Java_

    冰极峰CSS圆角框插件,基于JavaScript编写,不但可以完成网页元素边框的圆角化,还可以对图片进行圆角,而且兼容几乎所有的浏览器、 封装HTML结构,只需定义想要的结构就行了,无冗余,更语义化。不过组件还是有一些...

    HTML5与CSS3基础教程(第8版)高清文字

    14.1 浏览器兼容性、渐进增强和polyfill 278 14.2 理解厂商前缀 280 14.3 为元素创建圆角 281 14.4 为文本添加阴影 284 14.5 为其他元素添加阴影 285 14.6 应用多重背景 288 14.7 使用渐变背景 ...

    CKplayer-超酷网页视频播放器

    CKplayer播放器主要以adobe的flash(所使用的版本是CS5)平台开发,所以在支持flash插件的平台和浏览器上都可以使用,而无需下载其它插件,如果你需要修改完整版里提供的相关的flash源文件,请使用adobe的flash cs5...

    敏捷SCRUM为Trello板「Agile SCRUM for Trello boards」-crx插件

    “Trello主板的敏捷SCRUM”是速度最快,性能最好的所有类似扩展程序,只需2KB代码即可安装,即使是慢速计算机或需要Chrome浏览器快速工作的用户由于有太多的扩展,这个扩展有这样一个微不足道的小脚印。 链接和资源 ...

    CKplayer-超酷网页视频播放器-其他

    &lt;p&gt;CKplayer播放器主要以adobe的flash(所使用的版本是CS5)平台开发,所以在支持flash插件的平台和浏览器上都可以使用,而无需下载其它插件,如果你需要修改完整版里提供的相关的flash源文件,请使用adobe的flash ...

    《CSS全程指南》随书光盘

    13.2 浏览器兼容性 292 13.2.1 CSS hack技术 292 13.2.2 盒模型 298 13.2.3 浮动模型 303 13.2.4 IE 3px Bug 306 13.2.5 IE文字溢出现象 307 13.2.6 IE6 Peekaboo Bug(捉迷藏) 309 13.2.7 IE6 Guillotine Bug...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript与各种浏览器插件的交互方法。 15.1.html 使用JavaScript操作Java Applet。 15.2.html 在Java Applet中调用JavaScript。 15.3.svg 基本SVG文件。 15.4.svg 使用JavaScript...

Global site tag (gtag.js) - Google Analytics