代码之家 › 专栏 › 技术社区 › Andrew

在IE(所有版本)中正确实现颜色框的问题

colorbox modal-dialog css internet-explorer jquery

Andrew · 技术社区 · 15 年前

我一直在拔出我的头发(并在分配的时间内走了一段路),试图找出为什么颜色框不能在下面的页面上正常工作。[链接已删除]

我在右下角设置了一个颜色框测试链接,上面写着“所有网吧的网页设计”,它将打开一个小的徽标图像。在firefox、safari等中,模式的行为应该是这样的:首先打开中心,然后打开所有现有的页面内容。在IE中,不仅是模式不居中,而且它似乎不服从绝对定位,并将所有现有的页面内容向下推。此外,它没有打开到正确的大小,在模式图像旁边创建滚动条,我们有一个丑陋的模式。

我可以使用滚动条(只需调整模式的最小高度),但我不明白为什么它不能居中。我想说的是,我最初并没有对这个站点进行编码,它是在几年前完成的,所以有相当多的CSS黑客可以让这些东西正常显示,任何数量的黑客都可能导致这个问题。

相比之下,ThickBox也设置在这个站点上(如果你点击“播放视频”在深蓝色区域的标注),并且行为正确,尽管有一些奇怪的大小/填充问题,因此希望用更现代和可扩展的东西替换它。我可以验证两个模式脚本/css文件是否同时存在冲突,因为即使完全删除thickbox,colorbox仍然会出现问题。

任何想法或建议都将非常感谢。

2 回复 | 直到 14 年前

Nano 15 年前

知道了!!!!…在我的代码中修改了很多东西之后(有相同的问题)。

只放:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

…在你这一页的开头。它必须在包含或其他一切之前。

希望这有帮助。干杯!

马里亚诺。

Toby Gutierrez 15 年前

很好,抓住我的朋友。我正在和几个开发人员一起开发我的Web项目,并遇到了同样的问题。我无法理解为什么它在火狐而不是IE(所有版本)中工作。做了你说的,检查了doctype,确定它不够完整。其他开发人员之一必须从一些遗留代码中复制。无论如何,我们不使用XHTML严格地说,我们使用XHTML过渡,它仍然允许颜色框在IE(所有版本)和火狐中正常工作。下面是我的代码,我用来让颜色框工作:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >

感谢Mariano在这方面的帮助。省去了很多时间的挫折!

托比古铁雷斯

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前