Javascript 在Firefox 16.0.1中启动fancybox时，页面布局会中断
我在我的网站上添加了fancybox 2插件，当我在Chrome和Safari中测试它时，它运行良好，但在Firefox中却没有。页面加载良好，但当您单击缩略图打开fancy box时，我的body标记中的边距样式将被取消。我使用firebug确定了这一点，我的整个布局将完全移动到视口的右侧。当您单击“弹出框”时，布局将保持向右推。有没有人遇到过类似的问题？你有什么建议来解决这个问题吗？我已经发布了我的DOCTYPE和head-bellow以及我的css身体规则。如果需要更多信息，请告诉我。该网站还没有上线，所以我无法链接到它。我是新手，如果我错过了任何明显的东西，我很抱歉。非常感谢那些认为自己能帮上忙的人Javascript 在Firefox 16.0.1中启动fancybox时，页面布局会中断,javascript,jquery,css,firefox,fancybox,Javascript,Jquery,Css,Firefox,Fancybox,我在我的网站上添加了fancybox 2插件，当我在Chrome和Safari中测试它时，它运行良好，但在Firefox中却没有。页面加载良好，但当您单击缩略图打开fancy box时，我的body标记中的边距样式将被取消。我使用firebug确定了这一点，我的整个布局将完全移动到视口的右侧。当您单击“弹出框”时，布局将保持向右推。有没有人遇到过类似的问题？你有什么建议来解决这个问题吗？我已经发布了我的DOCTYPE和head-bellow以及我的css身体规则。如果需要更多信息，请告诉我。该网
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Commercial</title>
<link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="styles/commercial_new.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="Scripts/fancyapps-fancyBox-e4836f7/source/jquery.fancybox.pack.js"></script>
<link href="Scripts/fancyapps-fancyBox-e4836f7/source/jquery.fancybox.css" rel="stylesheet" type="text/css">
</head>
body {
width: 1050px;
background: #c7c7c7;
margin: 0 auto;
overflow: scroll;
}
我今天早上也有同样的问题。我使用的解决方案可能有一个更好的选择，那就是创建一个包裹主体内容的div，并在其上设置宽度，然后将主体宽度设置为100%
<body>
<div id="container">
// Page content
</div>
</body>
似乎解决了Firefox的问题，我们在IE7上测试了它，没有任何问题。我今天早上也遇到了同样的问题。我使用的解决方案可能有一个更好的选择，那就是创建一个包裹主体内容的div，并在其上设置宽度，然后将主体宽度设置为100%
<body>
<div id="container">
// Page content
</div>
</body>
似乎解决了Firefox的问题，我们在IE7上测试了它，没有任何问题。@Fluidbyte成功了！非常感谢你！！几天来我一直在想办法解决这个问题。@Fluidbyte成功了！非常感谢你！！这几天我一直在想办法。