Galleria致命错误：无法从CSS中提取舞台高度。 跟踪高度：0px
如果我有<style type="text/css"></style> ，即使它是空白的，Galleria也会抛出错误消息“致命错误：无法从CSS中提取舞台高度。 “
看来，即使我告诉环球免税店使用300的高度：
$('#galleria').galleria({ width: 300, height: 300, transition: 'fade' });
它试图首先确定高度和CSS线是混淆它，所以它会抛出这个错误。 如果我删除这一行，没有更多的错误。
有反正我仍然可以使用<style type="text/css"></style> ？ 我们使用它来根据使用它的客户来定制我们网站的外观和感觉。
确保你包括：
头：
<link type="text/css" rel="stylesheet" href="galleria/themes/classic/galleria.classic.css"> <script type="text/javascript" src="js/galleria-1.2.5.min.js"></script> <script type="text/javascript" src="galleria/themes/classic/galleria.classic.min.js"></script>
另外页面样式：
#galleria{height:467px}
在图片下方：
<script type="text/javascript"> $('#gallery').galleria({ width: 700, height: 467 //--I made heights match }); </script>
如果您在执行全新安装时遇到问题，请直接find原因。
您需要在css中给环境影像容器一个高度。 这是圆顶广场展示图像的地方（所以它应该小于圆顶广场本身的高度）。
.galleria-stage { height: 450px; position: absolute; top: 10px; bottom: 60px; left: 10px; right: 10px; overflow: hidden; }
它可能会帮助一个人，谁仍然得到这个错误： –
我得到这个错误，因为我有一个隐藏的画廊。
修正： –在CSS中给图库div一个高度，然后在js文件中，
Galleria.run('#gallery', { height: parseInt($('#gallery').css('height')), wait: true });
请参阅以下链接了解更多信息： – http://galleria.io/docs/references/errors/
我只有在IE中有这个错误。 解决办法是强制高度。
在galleria.classic.css CSS中为类.galleria-stage添加一个高度
例。
.galleria-stage { height:450px; <-- set this to any height and i should work :) position: absolute; top: 10px; bottom: 60px; left: 10px; right: 10px; overflow:hidden; }
之情况
如果发生这种情况，很可能是因为您在加载页面时隐藏了Galleria元素。 这在其他一些答案中已经提到，但是这些答案概括的解决scheme并不一定是最好的方法。
问题
对于我来说，我有Galleria容器设置display:none; 当页面启动时。 Galleria对象在Lightbox中，所以直到用户点击一个button才会显示出来。 这个display:none属性是什么导致的问题。
解
而不是隐藏元素与display:none; 使用像left:-9999px;一样大的负左边距left:-9999px; 或者margin-left:9999px 。 这些方法都可以确保Galleria正确加载。
如果您使用的是经典主题，并在galleria.classic.css文件中的.galleria-stage css类中设置高度和宽度，请尝试设置DocType
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
我使用jQuery galleria时遇到了同样的问题，我解决了这个问题。 我在galleria-1.2.5.min.js中修改了一些参数。
这里是下载库的链接，只需复制代码并将其粘贴到您的js文件中即可。
我正在给这个问题增加一个答案，因为上面所有的都不适合我。 在我的情况下，我在一个embedded式跨域JavaScript小部件中dynamic加载了环球免税店（1.2.7）。 即使舞台高度设置正确，脚本也被加载，并且环球影城正确初始化，这个错误信息会定期显示。
我最终修改了环球免税店的源代码来禁止显示错误消息（也许更好的select是使这个依赖于debugging标志，但是我并不觉得需要）
Galleria.raise = function( msg, fatal ) { var type = fatal ? 'Fatal error' : 'Error', self = this, css = { display: none; },
我曾经有相同的pb。 然后我尝试了别的东西。 所有我的JavaScript文件曾经是我的HTML文件的结尾。 所以我试图将它们全部移到</head>结束标记之前。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" src="lib/galleria/galleria-1.2.5.js" /></script> <script type="text/javascript" src="lib/galleria/themes/classic/galleria.classic.min.js"></script> </head>
我不是很高兴编码这种方式（即在最后的JavaScript）。 无论如何，它似乎工作，画廊是伟大的！
根据说明 ， Setting dimensions部分，在CSS执行此操作（显然，将#galleria为您的封装器，我使用了一个名为galleria的类，所以我使用.galleria ）
#galleria { width: 700px; height: 400px; }
经过几次尝试，以上的解决scheme都没有为我工作。 是一个奇怪的错误，因为它很难复制和追踪，有时工作，有时不。
但尝试在网上发现的东西，这一个似乎现在起作用。 对于那些坚持这个我猜这是值得一试：
- 打开
galleria-1.2.6.min.js - replace
timeout:1E4stringtimeout:1E10
