colorbox的常见问题

最新推荐文章于 2021-08-05 14:11:15 发布

做一个有理想的码农

最新推荐文章于 2021-08-05 14:11:15 发布

阅读量1.5k

点赞数 1

分类专栏： JSP JAVA js 文章标签： iframe html 浏览器 jquery 文档 ie

JAVA 同时被 3 个专栏收录

48 篇文章 0 订阅

订阅专栏

16 篇文章 0 订阅

订阅专栏

JSP

5 篇文章 0 订阅

订阅专栏

发现colorbox官方网站的troubleshoot写的比较好，转载一下。

1,flash覆盖colorbox:

This is not a ColorBox specific problem, by default Flash will overlay any HTML content. This can be prevented by setting the ‘wmode’ param and embed attribute to ‘transparent’.
这不是colorbox本身的问题，flash默认会覆盖所有的HTML内容，你可以设置wmode参数为transparent来避免这个问题。

2,colorbox在ie中的位置和行为异常:

这有可能是doctype（DTD）问题。colorbox需要有个有效的DTD声明，否则浏览器会以怪异模式（quirks mode,在标准模式中，浏览器根据W3C所定的规范来显示页面；而在怪异模式中，页面将以IE5，甚至IE4的显示页面的方式来表现，以保持以前的网页能正常显示）呈现网页内容。务必使用正确的DTD声明来确保浏览器以标准模式呈现网页。
下面这段声明会将IE浏览器设定成怪异模式

Html代码

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

这段带有URI的声明可以将所有浏览器设定到标准模式

Html代码

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd“>

3,colorbox的位置和行为异常（不区分浏览器）:

这可能是源文件引用顺序错误导致的。JQuery和colorbox.css必须在jquery.colorbox.js之前引入，并且应该在JQuery的ready方法中调用colorbox，并且此调用要在引入jquery.colorbox.js之后

4,用colorbox显示外部文档时显示不正确:

这是由于没有将iframe参数设为true。默认的方式只能正确显示可以在body标签中存在的内容。

如果你想显示一个完整的html文档（包括<html>、<head>和<body>等标签），那么要是用iframe参数。并且要设定高度和宽度，因为colorbox无法得知位于iframe内的网页内容的宽高。

另外，如果你想载入一段位于相同域名下的另一个文档的部分内容，可以使用下面的方法

Js代码

$(‘#example’).colorbox({href:”document.html div#content”});

5, 在ie中colorbox的边框不显示:

colorbox中提供的例子中有些使用了png图片的透明度效果。IE6不支持alpha透明度，并且在IE7和IE8中也会出现黑底的效果。colorbox使用IE的css滤镜解决了这个问题，你可以再colorbox.css文件中看到这些代码。在例子中使用了相对路径，但用户将colorbox应用到自己的网站时经常更改image文件夹相对于css的路径。滤镜的路径也需要有相应的变动。请看下面的例子，假设你的images文件夹位于根目录下。

在css文件中使用了错误的相对路径:

Html代码