最近用PIE.htc开发CSS3的网页时,发现用到PIE.htc的CSS效果对于用脚本生成的html代码都无效的情况
众所周知htc是IE针对CSS开放的一种特殊实现方式
htc的实现是在页面载入完成后开始的,类似于js的window.onload(),它并不是像CSS语言那样,成为浏览器原生的语言,所以当页面内容使用js生成时,其他css效果都会展现,唯独htc的效果不会出现,因为此时它已经过了执行时间了
因此,需要让htc效果继续出现,就要用js操纵一次,让htc再次执行一遍。
IE为此专门为DOM节点添加了一个addBehavior方法,用于执行htc文件的。
具体使用方法如下:
原本的CSS代码:
#b {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/PIE.htc);
}
插入html并使htc执行的jQuery代码:
$(window.body).append('<div id="b"></div>');
$('#b').get(0).addBehavior('/PIE.htc');
// 或 document.getElementById('b').addBehavior('/PIE.htc');
建议在执行addBehavior前,先判断下浏览器是否支持该方法,如:
if(window.body.addBehavior){
document.getElementById('b').addBehavior('/PIE.htc');
}
分享到:
相关推荐
作为一个前端小白,鼓捣了几...然后再我的html文件里面去引入这个外部css: XML/HTML Code复制内容到剪贴板 <link rel=stylesheet type=text/css href=css/style.css> 在浏览器一刷新。。哇,kao。竟然没
iecss3.htc css3圆角支持文件
css 343个经典脚本实例 343个经典脚本实例 343个经典脚本实例
超强的HTML5 CSS多风格按钮在线生成器代码,一共有29款按钮样式。本按钮样式集是从国外的CSS Button Generator 整理下来的。如果有需要的朋友可以放到自己的站点下,在需要的时候直接打开,复制需要的CSS样式以及...
用JS脚本配合CSS样式 许多HTML标签的使用特效
可以自动生成多种常用的CSS+HTML解决方案.只需要配置,即可得到目标代码,附Demo.html文件. 附源码,Demo在Debug下 注意,需要FrameWork3.5支持.
CSS-in-JS-generator 一个用于从常规CSS生成时尚CSS-in-JS文件的工具
对项目中的js\css进行压缩,是利用yahoo yuicompressor进行压缩的,同时并对js中的中文汉字替换成unicode字符表示(比如:汉字[\u6c49\u5b57]),这样有利用代码的通用性。 说明: 直接将要压缩的js/css文件放到...
网页CSS文件,用于生成网页的CSS格式
技术点:1、使用htmlparser解析html文件,得到html代码里的js、css、img链接 2、将相对路径的链接转变成绝对路径,并读取资源 3、将css和js合并到html 4、将图片转换成base64编码,写入标签的src
xml+xsl+css html网页 xml+xsl+css html网页 xml+xsl+css html网页 xml+xsl+css html网页 xml+xsl+css html网页 xml+xsl+css html网页
如何在IIS环境下部署httpswin2008 IIS7无后缀URL部署问题 MVC4 MVC URL映射windows2003 IIS6 部署MVC3和MVC4程序的方法IIS 7.5 部署ASP.NET失败的解决方法IIS部署asp.net报404错误的解决方法win2003 sp2+iis 6.0上...
根据预览到的效果生成css脚本.适合初学者使用。
css标签自动生成器,可以经过几个傻瓜的动作生成符合标准的html和相应的css代码!
由png文件,批量生成css文件。 原文件地址:http://blog.csdn.net/xz2001/article/details/8934095
jsp,html,js,css,xml,jar等文件花费很长时间整理的朋友,有了我这个工具,似乎这一切都变得简单,你只需要选择路径,然后在输入你的补丁文件名,程序将自动收集补丁文件生成你想要的补丁, 功能: 1.根据项目的包...
对项目中的js\css进行压缩,是利用yahoo yuicompressor进行压缩的,同时并对js中的中文汉字替换成unicode字符表示(比如:汉字[\u6c49\u5b57]),这样有利用代码的通用性。 说明: 直接将要压缩的js/css文件放到...
css文件css文件css文件css文件css文件css文件
Css Filterlab是一款免费开源程序,并且属于网页程序,所以,每一位有需要的人,都是可以自由下载程序的。 使用方法很简单,点击 Add Filter 按钮就可以看到当前 CSS3 所支持的所有滤镜效果了。 点击不同的滤镜...
【SpringBoot页面跳转访问css、js等静态资源引用无效解决】 解释:SpringBoot项目默认访问根目录有三个分别是: /resources :系统默认的根路径 /static :所有静态资源文件如js、css、jpg、html等文件是可以直接...