当我们在线添加Excel加载项时,有时会显示为白色矩形。经过进一步调查后,我们发现加载项正在被正确呈现,但是在它之上创建了许多div
个元素。
请记住,有时会加载顶部的div,上下滚动只会重现问题。
我们创建了一个最小的加载项并使用它再次测试并获得了相同的结果:
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Test Init</title>
<script src="//appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>
</head>
<body class="ms-font-l" style="width:100%;height:100%;overflow:hidden;position:relative;">
<div id="app" style="height:100%"></div>
<script>
console.log('Our script loaded...');
Office.initialize = function () {
console.log('Our App Initialized!!!')
};
</script>
</body>
</html>
我的问题是,我们如何确保我们的加载项始终位于excel创建的所有div
元素之上?
(到目前为止,我们已经看到div
出现在Edge,IE,Chrome和Firefox中。无论是Windows还是OSX)