加载后，Fancybox会向右和向下移动几个像素 [英] Fancybox shifts to the right and down a few pixels after loading

问题描述

我正在使用Fancybox打开iframe，它在除IE之外的所有浏览器中都能正常工作.

I'm using Fancybox to open an iframe and it works fine in all browsers except for ie.

当ie打开iframe时，它似乎错开了一秒钟，然后将模式框向右和向下移动了几个像素.

When ie opens the iframe it seems to stagger for a split second and then it shifts the modal box to the right and down a few pixels.

我遇到了一些人的帖子，但他们的回答没有帮助.

I came across a few people's posts but their answers didn't help.

我也玩过CSS，但没有成功.

I also played around with the CSS with no success.

以前有没有人遇到过类似的事情?

Anyone came across anything like this before?

干杯！

推荐答案

希望我的解决方案将对仍然面临相同问题的任何人有所帮助... 我使用的是fancybox 1.x，我的DOCTYPE是"html".

Hope my solution will help to anyone who still face the same issue... I use fancybox 1.x and my DOCTYPE is "html".

我发现实际上问题出在重置样式中使用box-sizing: border-box;.因此，我将其切换回content-box的#fancybox-content和#fancybox-wrap，并且fancybox开始正常工作.

I've found that actually the issue was in using box-sizing: border-box; in styles reset. So I switched it back to content-box for #fancybox-content and #fancybox-wrap and fancybox started to work properly.

这篇关于加载后，Fancybox会向右和向下移动几个像素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！