如何解决jQuery fancybox在ie浏览器下无法显示关闭按钮

  • 时间:
  • 6377人关注

这篇文章主要介绍了 jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法的相关资料,需要的朋友可以参考下,另外这篇文章主要知识点是关于jquery_fancybox、fancybox关闭按钮、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子资料:

教程详情电子资料
  • 教程类别:
  • 编辑整理:宰水桃
  • 教程字数:548字节
  • 阅读时间:大概15分钟
  • 下载本教程(DOC版)
  •  如果版本是: 1.3.1 IE无法显示关闭按钮

    如果版本是: 1.3.4 IE6无法显示关闭按钮

    解决办法:

    Version: 1.3.1

    打开fancybox.css 注释掉此行:

    .fancybox-ie #fancybox-close {
    background: transparent;
    filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
    'images/fancy_close.png', sizingMethod = 'scale' );
    }

    Version: 1.3.4

    打开jquery.fancybox-1.3.4.css 注释掉此行:

    .fancybox-ie6 #fancybox-close {
    background: transparent;
    filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
    'fancybox/fancy_close.png', sizingMethod = 'scale' );
    }

    以上内容是小编给大家介绍的jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法,希望对大家有所帮助!


    上一篇:解析jQuery获取键盘事件方案

    下一篇:JQuery如何实现控制图片由中心点逐渐放大

    相关内容

    • jQuery EasyUI开发指南

      jQuery EasyUI开发指南

      使用Java开发软件的开发人员一定会接触到前端开发,而前端开发有一个流行趋势,那就是插件开发。jQuery EasyUI是目前Java Web领域流行的插件开发工具。《jQuery EasyUI开发指南》主要讲述EasyUI各种

      大小:48.4 MBjQuery

      点击下载
    • jQuery实战案例精粹

      jQuery实战案例精粹

      jQuery实战案例精粹 从Web开发的实际应用角度出发,结合当下热门的 jQuery插件技术,深入浅出地介绍了 jQuery高性能开发的技巧,是前端开发、设计人员的绝佳选择。 本书共 22章,介绍了 jQuer

      大小:272 MBjQuery

      点击下载
    • jQuery api 3.3.1中文手册

      jQuery api 3.3.1中文手册

      jQuery3.3.1中文手册 是一套jQuery API 3.3.1速查表,很实用的手册,在编写jQuery查看很实用,其内包含了jquery学习过程中的各类知识点,能够让你清楚地了解每一个函数的核心内容,属性以及css框架信息,从而更好的实现编程。需要的朋友可下载试试! 使用说明 这是目前最新版的jQuery api中文文档3.3.1版本。先解压压缩包。在打开软件。如果出现空白情况。请确保IE版本在9.0以上,或者是鼠标右击文件,选择ldquo;属性rdquo;,点击ldquo;取消限制rdquo;即

      大小:1.58 MBjQuery

      点击下载
    • jQuery UI开发指南

      jQuery UI开发指南

      《jQuery UI开发指南》 是jQuery UI的快速开发指南,全面介绍jQuery UI如何改进HTML页面展示,内容包括jQuery UI 1.8版本的下列扩展特性:选项卡管理、折叠菜单、对话框、按钮、进度条、滑块、日历

      大小:6.02 MB前端开发

      点击下载
    • Bootstrap与jQuery UI框架设计

      Bootstrap与jQuery UI框架设计

      随着各类移动终端设备的普及 之前针对PC端设计的网站已经无法满足用户的需求 响应式网页设计的概念应运而生。无论用户使用笔记本还是iPad 页面都应该能够自动切换分辨率、图片尺寸及相

      大小:180 MBjQuery

      点击下载
    • JavaScript和jQuery实战手册

      JavaScript和jQuery实战手册

      JavaScript可以大大改进网页的动画、交互性和视觉效果,但学习该门语言不太容易。本书通过一步步引导JavaScript基础知识,展示了如何使用jQuery(即预先写好的JavaScript代码库)来节省时间和精

      大小:103 MBJavaScript

      点击下载
    • 移动互联网之路:HTML5+CSS3+jQuery Mobile APP与移动网站设计从入门到精通

      移动互联网之路:HTML5+CSS3+jQuery Mobile APP与移动网站设计从入门到精通

      移动互联网之路 全面、系统地讲解了 HTML 5、CSS 3 和 jQuery Mobile 从 Web 界面设计到移动应用开发的各种技术和知识点。本书难度适中,知识结构严谨,内容由浅入深、从易到难,讲解通俗易懂,

      大小:92.1 MB移动互联网

      点击下载

    学习笔记

    26小时24分钟前回答

    jquery自定义button按钮的方法总结

    1、第一种方法比较简单 columns: [ { data: null,defaultContent: input type=button onclick= value=呵呵 /, orderable: false }, ], 从代码字面意思就能明白什么意思,但是怎样从里边获取改行的信息我还不知道,所以显得不是太实用,定义默认值还可以。 { data: id,orderable: false, mRender:function(data,type,full){ return input type=button onclick= value=+data+/; } }, 刚看到一种方法就是使用回调,也可以获取该列的值并传递,但也只能获取一个值,仍然没有第二种方法好。 2、第二种稍微麻烦,但比较实用 fnRowCallback:function(nRow,aData,iDataIndex){ var id = $(td, nRow).eq(0).text(); var ip = $(td, nRow).eq(3).text(); $(td:eq(-1),nRow).html(a href=javascript:onUpdate(\+id+\,\+ip+\)修改/a +……

    39小时58分钟前回答

    实例介绍jQuery图片左右滚动代码 有左右按钮

    用jquery封装了一个控制图片左右滚动的插件,有左右按钮可以点击实现图片滚动效果。 代码如下: !DOCTYPE HTMLhtmlheadmeta charset=utf-8titleslide/titlescript type=text/javascript src=http://apps.bdimg.com/libs/jquery/1.6.2/jquery.min.js/scriptbrstyle* { padding:0; margin:0; list-style: none}img{ border: none}#img-slider, #img-slider-2 { position: relative; width: 560px; height: 80px;}.slider-wrap { width: 480px;/*width的值要跟所有的li宽度总和一样*/ overflow: hidden; position: relative; height: 150px; margin-left: 40px;}.slider-wrap ul { zoom: 1; position: absolute; left: 0; top: 0; width: 9999px;}.slider-wrap ul li { float: left; width: 120px; text-align: center; padding: 5px 0;}#prev, #next { position: absolute; top: 30px; left: 0px; width: ……

    20小时30分钟前回答

    jQuery实现多按钮单击变色的代码详解

    这个小特效代码很简单,就不多做说明了,直接奉上源码。 JQuery代码: script type=text/javascript //加载事件 $(function () { var collection = $(.flag); $.each(collection, function () { $(this).addClass(start); }); }); //单击事件 function dj(dom) { var collection = $(.flag); $.each(collection, function () { $(this).removeClass(end); $(this).addClass(start); }); $(dom).removeClass(start); $(dom).addClass(end); } /script Css代码: style type=text/css .start { cursor:pointer; color:Green; } .end { cursor:pointer; color:Red; } /style Html代码: span class=flag onclick=dj(this)LoveOne/span span class=flag onclick=dj(this)LoveTwo/span span class=flag onclick=dj(this)LoveThree/span span class=flag onclick=dj(this)LoveFour/span 是不是很简单,特效也很好……

    9小时1分钟前回答

    jQuery实现防止提交按钮被双击的代码

    本文实例讲述了jQuery实现防止提交按钮被双击的方法。分享给大家供大家参考。具体实现方法如下: $(#submit).one(click, function (event) { event.preventDefault(); //do something $(this).prop(disabled, true);}); 希望本文所述对大家的jQuery程序设计有所帮助。 ……