IE下fancybox显示图片不全问题

最新推荐文章于 2019-08-15 10:36:30 发布
原创 最新推荐文章于 2019-08-15 10:36:30 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决Fancybox在IE浏览器中显示不全的问题。通过调整DOCTYPE声明为XHTML1.0 Transitional标准，成功使Fancybox在IE中正常显示。

今天在使用fancybox的时候发现在谷歌和火狐上，其内容显示正常，但是在ie中，图片只是显示多一半，因为在其他模块中，显示并没有问题，且调用的是同一个函数执行fancybox，css设置的也都相同。在调试中，有一下几点需要注意

1，是否先载入了JQuery.js 再加载了Fancybox.js；

2，是否是最新版的JQuery和Fancybox;

3，头部<!DOCTYPE> 是否符合W3C规范;

4,是否只有第一张图片能显示fancybox特效，如果是，那么尝试把<img id=""> 换成<img class="">


在逐一查看后，发现并不是这些问题，考虑到可能是浏览器自身带有的样式问题，故加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 使用W3C标准，最后测试，可以正常显示。



fancybox与lazyload的兼容问题解决（fancybox放大图片显示错误）
04-17
介绍fancybox与lazyload结合使用产生的问题解决思路 。。。
fancybox 图片放大查看插件
09-19
点击图片弹出大图，可以以组的方式左右轮播，点击遮罩关闭。
Jquery插件fancybox1.3.1在IE中图片显示问题
weixin_34050389的博客
10-01 134
        JQuery的弹出窗口插件也很多了，例如Lightbox…这个我们介绍比较优秀的Plugin – Fancybox  ，主要特色有： 显示HTML,swf,Iframe,ajax请求 支持鼠标滚动显示图片 支持阴影，放大效果 自定义CSS与增加导航按钮 官方有提供比较详细的API，与及How to Use .这里我们不介如何使用了，您可以参看官方网站。下面我们看一段示例代码...
jQuery fancybox ie 无法显示关闭按钮
itmyhome的专栏
02-18 4955
如果版本是: 1.3.1 IE无法显示关闭按钮 如果版本是: 1.3.4 IE6无法显示关闭按钮 解决办法: Version: 1.3.1 打开fancybox.css 注释掉此行： .fancybox-ie #fancybox-close { background: transparent; filter: progid : DXImageTransform.M
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
12-11
《fancybox1.3.1在IE中的图片显示问题及解决方案》 Fancybox1.3.1是一款基于jQuery的轻量级插件，主要用于创建优雅的弹出式图像查看器，同时也支持HTML、SWF、Iframe和Ajax请求。这款插件以其丰富的特性受到开发者...
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
11-27
如果版本是: 1.3.1 IE无法显示关闭按钮 如果版本是: 1.3.4 IE6无法显示关闭按钮 解决办法： Version: 1.3.1 打开fancybox.css 注释掉此行： .fancybox-ie #fancybox-close { background: transparent; filter: ...
jquery fancybox ie6不显示关闭按钮的解决办法
10-26
这个版本的Fancybox针对IE6浏览器的兼容性问题，使用了滤镜（filter）来加载并显示图片。在CSS代码中，关闭按钮的样式被注释掉了，具体为： ```css .fancybox-ie6 #fancybox-close { background: transparent; ...
关于fancybox大图片显示位置不准确的问题解决方案
前端小菜鸟<(￣ˇ￣)/
04-08 948
最近在做系统的时候，发现fancybox大图片显示位置不准确，会变到屏幕下半部分，图片也只显示一半，找了半天，才发现在初始化上面加一句live:false就可以了，具体为$('.fancybox').fancybox({ live: false })，如果精确到某个id，可以$('#id‘).fancybox({ live: false }),！
jQuery-fancybox图片预览
TyphoonBull的博客
06-15 1582
之前写的内容有问题（当时是在项目中直接跑的，未拿出来单独测试），今天做了修正。对之前给同胞们造成的麻烦十分抱歉…… --以下是正文------------------------------------------------------------ 原生的jQuery-fancybox图片预览不支持Base64编码，这里给出经过改造后支持Base64编码的版本，但该版本的Base64方式暂时...
fancybox 点击图片后跳转到页面顶部的  解决方法
wu410674496的博客
03-29 1193
$('.image').fancybox({ helpers: { overlay: { locked: false } } }); $('.image').fancybox({ helpers: { overlay: { locked: false } } });
前端页面列表循环的图片加载不出来
holily_的博客
08-15 1369
在列表循环数据时，有时候用img标签动态加载图片，有时候资源不会那么快加载出来 后来换了一种方式，已背景的形式加载。 <span class="bianImage" :style="{backgroundImage:'url('+item.logo+')'}"></span> ...
iframe标签引用显示为空，ie下 【此内容不能显示在一个框架中， 为了帮助保护在此网站中输入的信息的安全……】
热门推荐
小小的人儿的博客
03-17 3万+
在用jsp开发页面时，遇到了一个以前没有遇到的问题，用iframe标签嵌入页面居然失灵了，到网上找资源，知道了，问题和X-Frame-Options有关，所以我找各种设置X-Frame-Options，可惜都没用，直到继续搜索资料，我发现是使用的spring security安全框架设置了默认的X-Frame-Options为DENY,更改spring security配置http.heade
ie下svg显示问题
前端小白菜
07-19 9992
后续更新中
点击小图查看大图jQuery插件FancyBox魔幻灯箱
技术就是个纸老虎---为之，则难者亦易矣；不为，则易者亦难矣。
05-05 8653
今日发现一个不错的JQuery插件FancyBox，也许早就有这个插件了，但是没名字，我就暂且叫他魔幻灯箱吧，采用Mac系统的样式。网传主要有以下功能： ■弹出的窗口有很漂亮的阴影效果。 ■关联的对象（就是rel标签的值一样）会成组显示，上面还有导航的按钮（上一项，下一项）。 ■可以显示图片、内联、ajax和iframe内容。 ■可以通过设置参数和CSS定制效果。 ■通过easing插件
fancyBox v2.1.5 图片显示插件详细介绍
标题“fancyBox图片显示插件”以及描述“fancyapps-fancyBox-v2.1.5-0-图片显示插件”和标签“图片显示插件”涉及的是一个流行的图片查看器插件，名为fancyBox。这个插件是由fancyapps开发的，版本号为v2.1.5。它常...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值