`
chembo
  • 浏览: 938690 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

IE6 背景图片scroll时卡死,IE6背景图片缓存

阅读更多
IE6下背景图片通过css文件控制的情况下,如果图片位置发生更改,那么请会重新发起图片请求,在图片多并大时,这种请求直接导致前端卡死、延时。解决方法,在页面头部添加以下JS:
  /*Use Object Detection to detect IE6*/
    var ie6 = document.uniqueID /**//*IE*/
    && document.compatMode /**//*>=IE6*/
    && !window.XMLHttpRequest /**//*<=IE6*/
    && document.execCommand;
  
    try{
        if(ie6){
            document.execCommand("BackgroundImageCache", false, true) /**//* = IE6 only */
        }
      
    }catch(err){};


分享到:
评论

相关推荐

    小程序scroll-view与css左右滑动超出部分背景颜色不显示的解决方法

    然而,在实际操作中,开发者可能会遇到一个常见的问题:当`scroll-view`内容超过其容器宽度时,左右滑动过程中超出部分的背景颜色无法正常显示。这会严重影响用户的浏览体验,使得内容区域看起来不完整或者断层。...

    css代码添加背景图片常用代码

    - `fixed`: 背景图片相对于浏览器窗口是固定的,即当用户滚动页面时,背景图片的位置保持不变。 - `scroll`: 背景图片随元素一起滚动,默认值。 **示例**: ```css body { background-image: url('landscape.jpg')...

    HTML 页面滚动时背景图片不会移动

    标题中的“HTML 页面滚动时背景图片不会移动”指的是在网页设计中实现的一个特效,即当用户滚动页面内容时,背景图片的位置保持不变,营造出一种固定背景或视差滚动的效果。这种效果通常通过CSS(层叠样式表)来实现...

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

    网页冬季背景与飘雪效果插件是为网站增添季节性氛围和互动体验的重要元素,尤其在寒冷的冬季,这样的设计可以提升用户浏览时的视觉享受。这个插件特别强调了其兼容性,能够支持老旧的IE6浏览器,这对于那些仍然需要...

    HTML IE6 纯CSS 解决 position fixed 的问题

    然而,在Internet Explorer 6 (IE6)这个古老的浏览器中,`position: fixed;`并不完全按照预期工作,存在一些兼容性问题。这个问题困扰了开发者很多年,因为它限制了网页在IE6上的设计灵活性。 为了解决IE6中的`...

    IE6-IE9兼容性问题列表及解决办法

    **描述**:在IE6中,当内容超出容器时,容器会自动扩大以适应内容。但在IE7及以后版本中,容器不会自动扩大,而是会裁剪超出的内容。 **示例**: ```css .box { width: 200px; height: 200px; overflow: auto; ...

    Scroll 显示图片

    在IT行业中,尤其是在Windows应用程序开发领域,"Scroll 显示图片"是一个常见的需求,尤其是在处理大尺寸图片时。这个主题涉及到如何在用户界面中实现图片的滚动显示,以便用户可以查看超过屏幕大小的图像内容。这里...

    jquery scroll图片滚动菜单鼠标移动图片滚动

    本主题聚焦于“jquery scroll图片滚动菜单鼠标移动图片滚动”,这是一个利用jQuery实现的交互式网页效果,通常用于创建动态的、响应式的图片滚动菜单。当我们把鼠标移到这个菜单上时,图片会随着鼠标的移动而滚动,...

    滚动时背景模糊

    在iOS开发中,"滚动时背景模糊"是一种常见的视觉效果,通常用于提升用户界面的美观度和用户体验。这种效果在UITableView或UICollectionView等可滚动视图上尤为常见,它会在用户滚动内容时对背景进行动态模糊处理,...

    检测低版本IE6.0并提示下载新版本IE的javascript脚本

    通过设置`wmode`参数为`transparent`,可以让Flash内容在IE6中也能正常显示透明背景。 ```html ``` 总结来说,这段代码实现了以下几个功能: - 检测当前浏览器是否为IE6及以下版本。 - 如果是,则在页面顶部插入...

    css兼容IE6、IE7、FF的技巧

    - **IE6中的溢出问题**:如果一个元素设置了`overflow: hidden`,但是在内部有浮动元素时,IE6可能会忽略该属性。 - **解决方法**:使用`overflow: auto`或者`overflow: scroll`来强制隐藏溢出部分。 ##### 5. 光标...

    jquery平滑返回顶部效果(兼容IE6)

    本文将详细介绍如何使用jQuery实现平滑的返回顶部效果,并确保该功能在古老的Internet Explorer 6(简称IE6)上也能正常工作。 首先,我们需要引入jQuery库,因为这个功能是基于jQuery构建的。你可以通过以下代码将...

    jQuery图片平铺效果制作网页背景图片平铺代码

    例如,我们可以根据浏览器窗口的大小动态调整图片平铺,或者在用户滚动页面时改变背景图片。这需要利用jQuery的`$(window).resize()`和`$(window).scroll()`事件,以及`css()`方法来设置背景图片的样式。 以下是一...

    在ListView中实现自定义图片背景,无闪烁,背景不随ScrollBar移动,背景请选择为clWindow

    本教程将详细介绍如何在ListView中实现自定义图片背景,并确保背景在滚动条滚动时保持静止,且无闪烁效果。 1. **自定义图片背景**: - 首先,我们需要加载自定义的背景图片。这通常通过编程方式或者资源管理器...

    jquery动画背景图片

    6. 设置背景图片的大小为`cover`,确保图像始终填满元素,同时保持纵横比。`no-repeat`禁止图片重复显示,`background-position`初始位置设为0。 请注意,`your_image_path.jpg`应替换为实际的图片文件路径。如果...

    Scroll中的图片处理

    由于ScrollView需要加载整个布局,当包含大量内容或大图片时,可能会导致滚动卡顿。以下是一些优化技巧: 1. 使用`Glide`或`Picasso`库加载图片:这些库支持图片的异步加载和缓存,可以显著提高性能。 2. 设置`...

    css滚动切换背景图片

    当添加一个类(如`.scroll-class`)到body元素时,背景位置会切换,使第二个图片出现在左上角,从而实现背景图片的切换。 当然,更复杂和精确的滚动切换效果可能需要JavaScript的帮助。例如,你可以监听滚动事件,...

    jQuery页面滚动背景图片模糊放大特效

    这种特效通常应用于网站背景图片,当用户向下滚动页面时,背景图片会逐渐变得模糊并放大,提升视觉焦点;而当用户向上滚动时,图片则会恢复原状,清晰度和大小回到初始状态。这种效果能够增加网站的互动性和吸引力,...

    jQuery的滚动背景

    滚动背景通常指的是背景图片或颜色随着用户滚动页面时发生变化。这种效果可以增强用户体验,为网站增添动感。实现这种效果的一种常见方法是使用CSS的`background-position`属性,结合JavaScript(或jQuery)监听滚动...

    背景图片的选择与演示

    在网页设计中,背景图片是营造视觉效果和用户体验的关键元素之一。"背景图片的选择与演示"这个主题主要探讨如何在JavaScript环境下有效地运用和展示背景图片,以提升网站的整体美学和功能性。JavaScript是一种强大的...

Global site tag (gtag.js) - Google Analytics