疯狂的 Chrome 问题...Chrome 呈现扭曲？
可能我很愚蠢并且忽略了一些东西，但我遇到了一个奇怪的问题，只发生在Chrome（12.0.7，但也可能是其他版本）中。查看此网站：
在右侧，您会注意到一个社区更新面板。这是它在除 Chrome 之外的任何主要浏览器中的外观：
以下是它在 Chrome 中的呈现方式：
< img src="https://i.sstatic.net/IClS5.gif" alt="在此处输入图像描述">
它会呈现扭曲吗？当您单击其中一个时，它会展开该行。再次单击会折叠该行。在我的代码中没有任何标记来实现这种行为。这是某种特殊行为吗，因为我使用的是图形标签？我之前在 Chrome 中测试过这个网站，当时没有问题，所以这可能是最近的错误。
Probably I'm being stupid and overlooking something, but I am having a bizarre issue that only occurs in Chrome (12.0.7, but maybe other versions as well). Check out this site:
On the right side, you will notice a community update panel. This is how it looks in any major browser except Chrome:
And here is how it renders in Chrome:
It renders twisties? When you click on one, it expands the row. Clicking again collapses the row. Nowhere in my code do I have any markup to implement such behavior. Is this some kind of special behavior because I am using figure tags? I tested this site in Chrome before and it was no issue then, so it could be a recent bug.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
details元素应该展示您在 Chrome 中遇到的行为。规范：
某些版本的 Chrome 12（开发通道）添加了对打开和关闭
details元素的适当支持。根据 http://caniuse.com/#search=details，Chrome 是唯一支持的浏览器此刻。
要解决此问题，我认为您应该将
details元素替换为其他元素。The
detailselement is supposed to exhibit the behaviour you're experiencing in Chrome.The spec:
Some version of Chrome 12 (dev channel) added proper support for opening and closing the
detailselement.According to http://caniuse.com/#search=details, Chrome is the only browser to support this at the moment.
To fix this, I think you should replace the
detailselement with some other element.