Html IE8删除CSS属性

我终于完成了一个Web应用程序，现在我必须使它至少与Internet Explorer 8兼容。它现在几乎完成了，除了一个地方，IE8显然删除了我定义的一些CSS格式

我上传了一些屏幕截图，如何渲染和如何渲染

IE8似乎忽略了我创建的每个元素的宽度、高度、左侧和顶部。谷歌似乎对这种行为一无所知。有人能帮我吗

选修课 如果你想知道它应该做什么：应用程序的这一部分在故事板上创建了一个覆盖层，它有点像在线漫画创作者，并用用户创建的所有面板填充屏幕。它缩小/扩大预览，以便在不拉伸图像的情况下尽可能多地使用整个屏幕，并将它们排列在网格1x1、1x2、2x3中，以此类推。然后单击屏幕标题可以重命名屏幕，拖动屏幕可以对屏幕进行排序，单击右上角的删除按钮可以删除屏幕，就像iPhone上的徽章一样。这就像一个魅力，我花了一些时间让CSS像它应该的那样工作

编辑1 代码需要重新分解，这是我将要做的最后一件事，因此代码中有一些可疑的CSS。别介意：

编辑2 我可能已经找到了一种方法通过与您共享我的代码。只需下载storyboard.zip并打开storyboard.html

编辑3

---

在那边的人的帮助下，我找到了这个Bug。现在这很麻烦，因为我需要window.innerHeight和window.innerWidth中的值来调整预览，以便尽可能填满屏幕。你们知道另一种选择吗？

如果没有更多的代码/演示，真的不可能说出来 — 看起来你有很多CSS，我们只能在屏幕上看到一些。但是,

IE8似乎忽略了我创建的每个元素的宽度、高度、左侧和顶部

通常是由于缺少“px”单元的宽度和高度，但是任何CSS解析错误都可能导致它。我们看不到生成的HTML源代码，但是源代码中的反斜杠是怎么回事？它们是否会被您正在使用的任何语言字符串格式替换？尝试将“样式”属性的内容复制/粘贴到中，以检查是否存在明显错误

此外，黑色覆盖层的透明度也有问题。根据DOM判断，IE无法解析“filter”属性，您如何设置它？因为您似乎正在使用jQuery，所以您应该能够使用element.css'opacity'，.5从脚本中设置它。编辑：我猜你真的在做这件事，从“缩放：1”IE所看到的判断。然而，很明显，过滤器的性能被破坏了；如果jQuery无法解析该值，它将执行此操作。您将什么作为值传递给.css

我也不确定是什么：

style="width:auto;height:auto;position:static;

对于，这些都是默认值。此外，“最大宽度”（max width）与“宽度”（width）一样，不适用于内联元素

---

额外的挑剔：$screen_name和任何您模板化为HTML的文本或字符串都需要进行HTML转义，否则您可能存在跨站点脚本漏洞。而纯数字ID无效。

问题已在上得到回答。 问题是IE与世界其他地方的不兼容

我使用window.innerHeight和window.innerWidth来确定预览的大小。不幸的是，IE不支持此函数，因此它返回一个NaN而不是一个数字，Perl将其处理为NaN。IE最终收到的CSS类似于

width: NaNpx;

---

我用document.body.offsetWidth将window.innerWidth更改为与Height相同的宽度，现在它可以工作了，尽管没有那么漂亮。

你可以在doctype.com上问这个问题。它可能更适合这种情况，不是因为它不适合这里，但可能有更多的人能够提供帮助。你应该检查IE是否没有从缓存加载CSS，这经常发生。添加了HTML代码以查看和编辑。$screen_name\px；另外：默认值被重新定义，因为CSS出现了一些问题，Firefox因为jQuery没有应用默认值。