疯狂发行铬铬呈现的可伸缩?

也许我是愚蠢和忽视的东西,但我有只出现在Chrome中一个奇怪的问题(12.0.7,但也许其他版本一样)。 看看这个网站:

http://www.jungledragon.com

在右边,你会发现一个社区更新面板。 这是它的外观,除了Chrome的所有主要的浏览器:

疯狂发行铬铬呈现的可伸缩?

这里是它如何呈现在Chrome中:

疯狂发行铬铬呈现的可伸缩?

它呈现的可伸缩? 当你点击一个,它扩展了该行。 再次单击折叠行。 无处在我的代码做我有什么标记来实现这种行为。 这是某种特殊的行为,因为我使用的数字标签? 我在Chrome中测试了这个网站之前,它是那么没有问题,所以它可能是一个最新的错误。

--------------解决方案-------------

details元素应该表现出你在Chrome中遇到的行为。

该规范:

细节元素表示一个公开插件从该用户能够获得更多的信息或控制。

..

开放内容属性是一个布尔属性。 如果存在,则表示该细节是要显示给用户。 如果属性不存在,则细节不被示出。

当创建元素,如果属性不存在,细节应该被隐藏; 如果属性不存在,细节应该显示。 随后,如果属性被删除,则细节应该被隐藏; 如果添加的属性,细节应显示。

用户代理应该允许用户以请求的细节被显示或隐藏。为了纪念为要显示的细节的请求,用户代理必须设置元件以开放的值就开属性。 为了表彰为被隐藏的细节的请求,用户代理必须删除该元素打开属性。

有些版本的Chrome 12(DEV频道)增加了对打开和关闭相应的技术支持details元素。

据http://caniuse.com/#search=details,Chrome是目前支持这一唯一的浏览器。

为了解决这个问题,我想你应该更换details与其他元素的元素。

分类:CSS 时间:2012-01-08 人气:0
本文关键词: CSS,谷歌Chrome
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.361 (s). 9 q(s)