`
sanshizi
  • 浏览: 86003 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

IE6背景图片重绘

阅读更多
今天用jquery做一个块滑动效果,
发现ie6每次动作都要重新下载背景图片,
只是DT

速度百度, 发现如下两种解决办法

document.execCommand("BackgroundImageCache",false,true);



filter: expression(document.execCommand("BackgroundImageCache", false, true));


推荐使用第一种, 效率高

还有背景切换时, 最好把图切到一张图上, 用背景位置来定位实现切换效果
分享到:
评论

相关推荐

    JS图片背景全屏代码.zip

    6. 性能优化:为了避免不必要的重绘和回流,调整图片大小时,应该尽可能减少DOM操作,使用CSS3的transform属性进行缩放,而不是直接改变width和height属性。 通过这个JS代码,开发者可以快速地在自己的网站上实现...

    网页冬季背景+飘雪效果插件(兼容IE6

    5. **性能优化**:由于IE6的性能相对较低,插件可能采取了一些优化策略,例如限制雪花的数量,避免不必要的重绘,或者使用定时器(`setTimeout`或`setInterval`)来控制动画节奏。 安装和使用此类插件通常涉及将...

    JS控制网页背景随窗口大小自动适应

    2. **性能优化**:频繁地调整图片尺寸可能会导致页面渲染性能下降,可以通过减少重绘次数等方式进行优化。 3. **图片加载策略**:对于大尺寸背景图,可以考虑使用懒加载技术或根据窗口大小动态加载相应分辨率的图片...

    js前端图片预览插件

    - **优化性能**:为了提高性能,可以利用Canvas的`toDataURL()`方法将当前的Canvas内容转换为URL,然后用这个URL作为新的背景图片,这样在用户进行多次操作后,只需要重绘一次Canvas。 ### 5. 使用与集成 在项目中...

    七款全屏背景.zip

    3. **动画原理**:全屏背景的动态效果通常通过定时器(如`requestAnimationFrame`)实现,不断地清除画布并重绘新的帧,从而创造出连续的动画效果。 4. **性能优化**:由于Canvas上的绘图操作是实时计算的,大量...

    纯JS图片放大镜特效封装插件

    1. **性能优化**:为了避免频繁的DOM操作,可以使用`requestAnimationFrame`来平滑动画效果,减少重绘次数。 2. **兼容性处理**:确保代码兼容各种浏览器,包括旧版IE,可能需要使用jQuery或其他库来帮助处理。 3....

    JS图片拖动裁剪代码.zip

    如果图片较大,频繁的图片重绘可能导致性能问题。可以使用防抖(debounce)或节流(throttle)函数限制事件处理函数的执行频率。 10. **跨浏览器兼容**: 需要考虑不同浏览器对HTML5特性的支持情况,尤其是对于老...

    js图片翻书效果,很好很强大

    - **性能优化**:减少不必要的重绘和回流,通过CSS3硬件加速提高动画流畅度。 - **浏览器兼容**:考虑到IE和Firefox等不同浏览器对CSS3和JS的支持程度,可能需要引入polyfill库或使用jQuery等库来实现跨浏览器的...

    jQuery 仿Flash炫彩菜单优化版 jQuery 仿Flash炫彩菜单优化版,从前本站发布过类似于这种的菜单,本次重新优化代码发布,不过兼容jQuery的弱项及编者水平,感觉还是不太好,因为本菜单动感、炫丽的元素实现上是基于图片的,用jquery只是控制了明暗和图片的平滑切换,当然了,最终的目的达到了,正在研究jquery的朋友,这个参考范例应该对你很不错。

    7. **性能优化**:由于jQuery对DOM的操作可能会引起重绘和回流,影响页面性能,因此应尽量减少不必要的操作,如使用`.data()`存储数据而不是多次查询DOM,或者使用`.delegate()`或`.on()`来绑定事件以减少事件处理器...

    CSS权威指南.rar

    12. **CSS性能优化**:了解如何编写高性能的CSS,如避免使用通配符选择器、减少重绘和回流、合理组织和压缩样式代码,以及使用CSS Sprites和图标字体等技巧。 通过《CSS权威指南》,读者不仅可以全面掌握CSS的基础...

    VC6风格界面

    ...................\用MFC对话框做无闪烁图片重绘.doc ...................\用SDK实现分隔条.doc ...................\用VC++制作有滚动字幕效果的软件封面.doc ...................\用VC设计托盘图标程序.doc ...

    适用于任何浏览器的js日历代码

    7. **优化性能**:考虑到用户体验,避免在DOM操作中过度使用循环或者递归,尽可能减少重绘和回流。同时,利用事件委托可以提高代码性能。 在"jquery日历"这个文件中,我们可以找到一个基于jQuery实现的日历插件,它...

    没有兼容问题的做圆角的JS代码

    为了确保代码在各种环境下都能正常工作,开发者可能还考虑了性能优化,比如避免不必要的重绘和回流,以及使用缓存等技术。 总之,一个没有兼容问题的JS圆角解决方案是网页开发者的重要工具,它可以帮助我们创建出...

    移动端16毫秒的优化

    - **渲染时间**:减少DOM操作次数和复杂度,避免重绘和回流。 - **绘制时间**:优化图像处理和布局调整,确保快速呈现。 #### 网络层面优化策略 1. **减少DNS查询时间**:通过CDN服务和预解析DNS等方式减少DNS查询...

    css参考手册 v4.2.4(中文版).chm

    12. **性能优化**:优化CSS包括减少重绘和回流、精简代码、使用适当的选择器、避免使用!important等,以提高网页加载速度和性能。 以上只是《CSS参考手册 v4.2.4》中的一部分核心知识点,实际内容还包括更多详细...

    html5刮刮卡效果

    可以使用局部更新Canvas而不是每次全屏重绘,或者使用Web Workers进行后台计算,避免阻塞主线程。 6. **兼容性问题**:由于HTML5的特性并非所有浏览器都完全支持,特别是较老版本的IE。因此,在实现刮刮卡效果时,...

    DIV+CSS 高手也得看的15个CSS常识

    因为每当浏览器重绘页面时,都会重新计算表达式的值,这会显著降低页面性能。因此,在可能的情况下,尽量避免使用`expression`。 #### 6. 使用CSS3替代图片 随着CSS3的普及和发展,许多以前需要通过图片实现的效果...

    ASP 生成VML 图形

    - `z.jpg`、`line.jpg`、`cake.jpg`:这些可能是图形的背景图片或者示例图片,用于增强图形的视觉效果。 5. **图形类型**:通过VML,可以生成多种图形,如直线、曲线、圆形、矩形等,还可以组合成更复杂的图表,如...

    CSS 网页顶部固定工具栏拖动无闪烁实现代码

    在这段代码中,通过减少元素的边距和填充、清除默认样式,以及使用单一背景图像,可以避免不必要的重绘和回流,从而提高效率: ```css * { margin: 0px; padding: 0px; } body { background-attachment: fixed;...

Global site tag (gtag.js) - Google Analytics