在Chrome中呈现ASP.NET站点不正确-单击时修复

当我呈现一个ASP.NET站点时，我发现这个bug开始出现在Chrome17中，一直持续到18

发生的情况是其中一个页面呈现不正确，但是如果我单击网页，甚至是在chrome开发工具中的滚动条或html元素上，那么网站上的组件就会恢复到正确的位置。这是一个非常复杂的网站，有很多控件，视觉效果是一些面板显示为空白，一些弹出窗口显示，一些隐藏的控件可见

这在任何其他浏览器或版本中都不会发生，在我第一次进入页面时也不会发生。它仅在同一页面内发生回发后发生

我注意到一些CSS规则设置在“行为不当”的组件上，但是没有被可视化地应用。例如，我使用chrome的控制台检查一个自定义下拉菜单，该菜单应该隐藏。当我检索该项时，它同时具有display:none和visibility:hidden属性，例如

<ul id="xx" style="position: absolute; left: 90px; top: 845px; display: none; visibility: hidden;> ... </ul>

一旦我在网页内执行一个操作，组件就会捕捉到正确的布局，“display”属性突然变成正确的“none”

我对这件事真的没有主意了。在页面的错误呈现和正确呈现之间似乎没有执行任何代码。我猜asp代码和.CSS文件之间可能存在CSS冲突，可能一个文件在完成渲染之前覆盖了另一个文件

---

非常感谢您的帮助。谢谢。

我们在不同版本的chrome中也遇到过这个问题

到目前为止。我们找到的唯一解决方案是简化html

在我看来像是一个Chrome渲染错误

---

考虑到ASP没有在客户端运行，我也不认为它与ASP有任何关系。

我相信您没有忘记实际代码中样式属性的双引号结尾，就像您上面所做的那样？对不起，这是一个粗心的复制粘贴。引用在真实代码中是封闭的。是的，最近有一些类似的错误，针对WebKit的报告。。。

$('#xx').css('display')
-block