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

也许我是愚蠢和忽视的东西,但我有只出现在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
分享到:

相关文章

  • 谷歌Chrome开发者工具 - CSS文件中表示作为一个图像资源 2013-11-08

    我运行谷歌Chrome浏览器测试版(12.0.742.60) 我的页面显示正常,但是由于某种原因,在开发人员工具"资源"选项卡,它的CSS文件的'形象'的三角形,而不是"样式"下所示(其中如预期的那样typekit.com CSS).感激有任何想法吗.. CSS标签: <link rel="stylesheet" type="text/css" href="/styles/lofkch.css" /&

  • 谷歌Chrome开发人员工具:基于CSS类元素选择 2014-02-22

    是否有使用谷歌Chrome浏览器开发者控制台tools.i看到这里介绍一个很好的资源. 我有一个关于如何基于CSS类选择HTML元素的特定QN. 上面的链接显示如何选择基于ID(使用$("")). 谢谢 --------------解决方案------------- 好吧..我计算出来..类似于萤火虫,$$("类")

  • CSS问题与谷歌Chrome和Safari 2014-06-20

    CSS问题与谷歌Chrome和Safari http://cart-v2-demo-2.fasttrackonline.co.uk/ 我已经测试在IE和Firefox的CSS和它呈​​现如我期望的那样. 不过,Safari和Chrome在下方出现在主菜单的导航项目的差距. 我会很感激的任何建议,请! 谢谢你,珍妮 --------------解决方案------------- 只是删除行高:高40你在#navMenu有. 但是,你有一个烂摊子有UL和李元素. 应该被简化为一个单一的UL和李元素的

  • CSS:使用Fixedsys字体将不会出现在谷歌Chrome浏览器 2012-10-04

    我创建一个web应用程序供个人使用,并具有安装在我的Vista机器的等宽字体使用Fixedsys,我想用它里面的文字区域(以示脚本). 这在使用如Firefox中工作正常 #textfield { font-family: fixedsys, consolas, monospace; } ......但谷歌Chrome浏览器中,使用fixedsys被忽略,在未来的字体列表(在这里:索拉)被挑来代替. 正如我遇到其他一些小问题与Firefox,我琢磨切换到Chrome浏览器这一点,但谁能告诉我如何

  • 谷歌Chrome扩展持久性 2012-01-31

    我的问题很简单,我需要开发一个谷歌Chrome扩展和方式动态地创建HTML / CSS文件. 基本上,我想用JavaScript来做到这一点,但它不可能出于安全原因. 所以我想直接使用Ch​​rome的API. 是否有铬一个持久性API? --------------解决方案------------- Chrome扩展使用localStorage的数据持久化. 查看http://diveintohtml5.ep.io/storage.html的教程. 请注意,只有字符串可以保存到localSto

  • 我如何添加到图像使用谷歌Chrome浏览器扩展的HTML链接? 2012-02-12

    我一直插在使用CSS对某个域中的所有网页的div的图像,使用我的谷歌Chrome浏览器扩展. 用户一直在问我的图像链接到域的主页. 我不知道如何做到这一点. 该图像是在页面右上角. 基本上我只需要注入HTML <a href="domain.com">[IMAGE]</a> 其中[IMAGE]是图像. 我不认为我可以用CSS做到这一点,所以我不知道该怎么做. 更新: 我需要将其追加到当前的元素,不会让一个新的元素. --------------解决方案-----

  • 是否有任何的js库,取代IE浏览器谷歌Chrome框架 2012-03-01

    是否有任何的js库,取代IE浏览器谷歌Chrome框架. 我不希望我的用户安装谷歌Chrome Frame的... 是否有任何JS库,我可以在我的项目中添加,它只是提高IE的JavaScript的redering. 像我们有Modernizr的 &html5boilerplate提升HTML和CSS. 一些Javascript的相似. 编辑我有问题,IE浏览器的JavaScript渲染....很多错误像 未结束的字符串常量.... 对象不支持此属性或方法... 和很多其他的浏览器工作正常,它只是

  • 谷歌Chrome扩展:突出鼠标悬停在DIV 2012-03-24

    我是新来的谷歌浏览器扩展和想写,突出一个div的情况下,该鼠标是它(悬停)以上的延伸. 在这种情况下,有在另一个分区,我想只强调内部的div一个div. 我已经得到了一些工作的样本,但我不知道如何捕捉到悬停事件,在此先感谢您的帮助, 要快乐,享受生活. --------------解决方案------------- 在HTML中,每个鼠标事件具有访问底层元素. 你可以很轻松地使用JavaScript,并且在HTML5的一个很好的功能称为班级名册(感谢埃里克铬),它允许你从DOM的轻松添加和删除类

  • 如何用谷歌Chrome Frame的ActiveX对象使用的postMessage() 2012-06-08

    我有越来越的postMessage(),而使用谷歌浏览器内嵌框架的ActiveX对象工作的问题. 这里是我的情况: 我有原因,我不会去到现在还不能安装谷歌Chrome Frame的父页面. 为了打开正在使用GCF,我需要通过在父页面的CFInstance.js文件来使用他们的ActiveX方法的外部页面. 我希望能够使用postMessage的父和子页面之间交谈. 这里有贴一个例子:的postMessage()与GCF 不过,我不太下面的例子,因为它并没有做好解释如何使用ChromeFrame.

  • 使用IE8作为一个浏览器,输入字号太小雅虎邮件阅读。 使用谷歌Chrome浏览器作为浏览器,输入字体是在雅虎邮箱清晰可辨。 我怎样才能获得IE8回到这是什么,直到3个月前? 2012-12-17

    我曾尝试重置IE中的辅助功能,但这并没有任何影响. 改变在网页上的页字体大小选项影响不大. 我指只对其中一个进入地址和主题行的电子邮件消息的那些部分. 在一个网页需要登录我有同样的问题; 键入的条目是太小,清晰可辨,似乎是约5或6或更小尺寸的类型. 您有问题的程序 错误信息 您在计算机所做的最新更改 你已经尝试解决问题 记住-这是一个公开论坛,所以从来不交的私人信息,如电子邮件或电话号码! --------------解决方案------------- 我自己也有同样的问题,也是. 解决方法是简

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

55228885 版权所有 京ICP备15002868号

processed in 0.517 (s). 10 q(s)