分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

【转】链接伪类(:hover)CSS背景图片有闪动BUG

发布时间:2023-09-06 01:08责任编辑:胡小海关键词:CSS

来源:http://www.css88.com/archives/744

-------------------------------------------------------------------------------------------------

IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存。

例如:

CSS代码
  1. a:hover{background:url(imagepath)}  

常用的解决方案:

在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。

XML/HTML代码
  1. <!–[if IE 6]>  
  2. <script type=”text/javascript”>  
  3. document.execCommand(”BackgroundImageCache”, false, true);   
  4. </script>  
  5. <![endif]–>  
  6.   

或者

XML/HTML代码
  1.   
  2. <!–[if IE 6]>  
  3. <script type=text/javascript>        
  4. try {        
  5. document.execCommand(“BackgroundImageCache”, false, true);        
  6. } catch(err) {}        
  7. </script>  
  8. <![endif]–>  

【转】链接伪类(:hover)CSS背景图片有闪动BUG

原文地址:http://www.cnblogs.com/jiemao/p/7472559.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved