最近用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');
}
分享到:
相关推荐
而对于经验丰富的开发者,这可能只是更复杂系统的一个小部分,他们可能会集成更多功能,比如使用模板引擎、处理CSS和JavaScript、优化性能等。总的来说,Java生成HTML文件的能力是构建动态网站、自动化报告或API文档...
`CreateDivCSS`文件夹很可能是项目的主要源代码目录,包含项目的主体部分,可能包括C#或其他.NET语言编写的类库,用于处理用户输入的配置信息并生成相应的CSS和HTML代码。 `CreateDivCSS.Model`文件夹可能包含了...
使用ie-css3.htc的方法很简单,只需要在CSS样式表中将ie-css3.htc文件作为行为(behavior)属性关联到需要CSS3效果的元素: ```css selector { behavior: url(/path/to/ie-css3.htc); /* 其他CSS3属性,如border-...
这些旧版浏览器可能无法正确解析并显示CSS3样式,因此在使用CSS3代码在线生成器时,开发者需要考虑到这一点,确保对于非支持CSS3的浏览器有适当的降级处理策略。 **PHP源码**标签表明这个生成器是用PHP编程语言实现...
在描述中提到的“根据预览到的效果生成css脚本”,这是CSS代码生成器的核心功能。用户可以在界面上选择不同的样式属性,如背景色、边框宽度、文字样式等,并即时看到这些改变在预览窗口中的效果。一旦满意,工具会...
而且,随着浏览器的更新迭代,现在的主流浏览器已经广泛支持CSS3,因此对于新项目,我们更推荐使用标准的CSS3语法,而不是依赖于HTC文件。 在阅读“iecss3.htc”的文档时,可能会涉及到如何配置文件路径、如何正确...
超强的HTML5 CSS多风格按钮在线生成器代码,一共有29款按钮样式。本按钮样式集是从国外的CSS Button Generator 整理下来的。如果有需要的朋友可以放到自己的站点下,在需要的时候直接打开,复制需要的CSS样式以及...
这时,可以在MATLAB的`publish`配置文件(如`.mcode.css`)中调整CSS样式,或者在MATLAB脚本中插入HTML代码片段。这使得我们可以完全定制HTML的外观和结构,以满足特定需求。 从提供的文件名列表来看,`mathtml.pdf...
8. **性能优化**:对于高并发的在线工具,可能需要考虑缓存策略、代码优化(如减少数据库查询次数、合并CSS和JavaScript文件等)以提高系统性能。 9. **部署与运行环境**:该项目需要在支持PHP的Web服务器上运行,...
### Struts 1.2 跳转后 CSS 或 JS 无效解决方法 在使用Struts 1.2框架开发Web应用时,可能会遇到跳转到新的页面后,某些CSS样式或者JavaScript脚本失效的问题。这通常是由于资源加载路径设置不当造成的。下面将详细...
本项目的核心目标是读取指定目录下的png图标文件,通过Java程序处理这些文件,生成雪碧图并创建对应的CSS样式文件。以下是这个过程中涉及的关键知识点: 1. 图片处理库:Java中有多种库可用于处理图像,如Apache ...
在SpringBoot应用中,开发人员经常遇到...通过以上步骤,你应该能够成功解决SpringBoot项目中页面跳转访问CSS、JS等静态资源引用无效的问题。记住,理解SpringBoot的默认配置以及如何对其进行自定义是解决问题的关键。
该项目是一款基于HTML和CSS模板的PDF批量生成设计源码,包含180个文件,涵盖114个Java源文件、18个HTML文件、18个JSON配置文件、11个XML配置文件、5个字体文件、3个Markdown文件、3个PDF文件、2个YAML文件和1个CSS...
4. **生成CSS代码**:运行插件或脚本,它会解析AE中的关键帧并生成相应的CSS3 @keyframes规则。同时,也需要为HTML元素设置初始状态和动画应用的样式。 5. **应用到网页**:将生成的CSS代码粘贴到你的项目CSS文件中...
在这个脚本中,CSS文件(如style.css)可能包含了图片的布局样式,如大小、位置、边框等,以及轮转动画的样式。例如,可以设置一个过渡效果,使得图片在切换时有平滑的过渡,而不是瞬间跳变。 使用这个脚本时,你...
因此,在使用`reset.css`时,最好结合`normalize.css`或现代的CSS重置方法,如`Eric Meyer Reset`或`sanitize.css`,它们不仅重置样式,还会保留一些有助于无障碍浏览和语义化的默认样式。 在实际项目中,可以将`...
由于HTC是Internet Explorer的专属技术,因此这个日历控件只能在IE浏览器中正常工作,对于其他如Chrome、Firefox、Safari等非IE浏览器,可能需要使用其他的解决方案,如jQuery UI的Datepicker或者Bootstrap的...
其次,这种方法并不是所有CSS3特性的通用解决方案,对于更复杂的效果,如渐变、过渡和动画,可能无法实现。最后,随着IE浏览器逐渐被淘汰,开发者更多地转向现代浏览器和渐进增强的策略,这类技术的使用也在逐渐减少...
这些文件可能包括额外的JavaScript库,用于处理图形渲染或者与服务器通信的部分,也可能包含样式表(CSS)文件,用于控制二维码的外观。 使用AI矢量二维码生成器脚本的步骤大致如下: 1. 首先,你需要具备一定的...
3. **CSS文件**:项目可能包含一个或多个CSS文件,用于美化生成器的界面,确保其在不同设备和浏览器上都能正常显示。 4. **JavaScript文件**:如果生成器包含任何交互元素,如下拉菜单、滑块或按钮,那么JavaScript...