我正在构建一个新的WordPress主题(不知道这是否相关)并且这个问题一直困扰着我.
我已经从Google Webfonts加载了Roboto Slab(包括CSS <head>部分).在其他所有浏览器上,除了谷歌浏览器外,字体呈现正常.当我第一次在谷歌浏览器中加载网站时,使用该自定义字体的文本不会全部显示(即使字体堆栈具有格鲁吉亚作为后备 - "Roboto Slab", Georgia, serif;).在我悬停样式链接或重新触发Inspector中的任何CSS属性后 - 文本变得可见.
自从我前段时间开始这个主题以来,我可以清楚地记得它之前完美无缺.这是最近一些已知的Chrome更新错误吗？
首次加载: 截屏#1
在我重新应用任何CSS属性后,进入响应式视图或悬停元素: 屏幕截图#2
有人有类似的问题吗？我该怎么办呢？
谢谢!
我已在此sitepoint页面和quirksmode页面中读到有关新:empty伪类的信息.
Sitepoint表示,即使附加了动态内容,空样式仍然会生效.值得注意的是,firefox就是这样做的人.
Quirksmode说当它填充一些元素或文本时,它会丢弃空状态.此站点上的演示可在我的浏览器中运行(chrome 19).所以我假设只有firefox会出错.
但是我在我的插件中有这段代码,它动态填充一个带有项目的列表,它似乎不起作用,这里是一个附加列表项的小提琴,即使你点击按钮,项目也不会出现,直到您尝试在控制台中调试它(当您单击<li>元素树中时,它们会神奇地出现).
为什么会发生这种情况,是否有一种"强行抛弃"空洞风格的工作？
我知道还有其他方法可以做我在小提琴中做的事情(目前正在做其中一种"其他方式"),但这种:empty方法要容易得多.
更新:
添加了删除项目按钮.删除最后一项时,列表应该消失 - 仍然不起作用.嗯..我会尝试检查另一个浏览器.
固定
临时修复/替代使用:empty和display:none是使元件具有零width,height,borders,margins,和paddings.另外,position:absolute将其从流动中移除.
