在chrome更新后,CSS首字母选择器未正确应用

时间:2013-01-18 08:29:34

标签: css google-chrome

昨天我将Chrome更新到版本24,在执行此操作之后,似乎我应用于选择器的display:none属性似乎没有被应用。

我有一个将应用display:block的第一个类型的选择器,它似乎适用于除最后一个之外的所有类型的成员。

当我在Chrome开发者工具中禁用/启用此css display属性时,display:none确实已正确应用。开发人员工具甚至将display显示为none,同时仍允许从网页中选择元素

此行为适用于以前版本的chrome和firefox。

有没有办法可以强行触发这种行为?

我目前尝试在Javascript中设置不同的类应用显示逻辑,但我更喜欢使用CSS解决方案。

修改

“用户代理样式表”中还有一个“div {display:block;}”,虽然在开发人员工具中将其标记为覆盖,但这可能是问题的一部分吗?

1 个答案:

答案 0 :(得分:0)

如果您遇到的问题是"打开和关闭"带显示的元素:block / none;可能是很久以前Chrome正在经历的渲染问题。

有时用显示替换内容会导致Chrome中的重绘问题,即使控制台显示属性已被替换,也不会影响窗口及其元素。

尝试将此添加到要隐藏/显示的元素:

-webkit-transform: translate3d(0,0,0);

或者,如果您使用translate for X和Y,只需添加:

-webkit-transform: translateZ(0); // This affects only the Z preserving X and Y

此外,您还可以阅读对浏览器进行转换操作的确切内容,以及#34; act"在Yotam Omer制作的this answer