昨天我将Chrome更新到版本24,在执行此操作之后,似乎我应用于选择器的display:none
属性似乎没有被应用。
我有一个将应用display:block
的第一个类型的选择器,它似乎适用于除最后一个之外的所有类型的成员。
当我在Chrome开发者工具中禁用/启用此css display
属性时,display:none
确实已正确应用。开发人员工具甚至将display
显示为none
,同时仍允许从网页中选择元素
此行为适用于以前版本的chrome和firefox。
有没有办法可以强行触发这种行为?
我目前尝试在Javascript中设置不同的类应用显示逻辑,但我更喜欢使用CSS解决方案。
修改
“用户代理样式表”中还有一个“div {display:block;}”,虽然在开发人员工具中将其标记为覆盖,但这可能是问题的一部分吗?
答案 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中